当前位置:主页 > 新闻资讯 >

媒体查询常见媒体尺寸和设置

日期:2020-06-04 作者:栈码网络 来源:http://www.zhanmanet.com 浏览量:

  媒体查询常见媒体尺寸和设置
  
  @media screen and (min-width:1200px){ ... }/* 大型设备(大台式电脑,1200px 起) */
  
  @media screen and (min-width:992px){ ... }/* 中型设备(台式电脑,992px 起) */
  
  @media screen and (min-width:768px) { ... } /* 小型设备(平板电脑,768px 起) */
  
  @media screen and (min-width:480px){ ... }/* 超小设备(手机,小于 768px) */
  
  在设置时,需要注意先后顺序,不然后面的会覆盖前面的样式。