当前位置:新闻资讯

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

日期:2020-06-04 09:51:14 作者:http://www.zhanmanet.com 浏览量:0

  媒体查询常见媒体尺寸设置
  
  @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) */
  
  在设置时,需要注意先后顺序,不然后面的会覆盖前面的样式。