媒体查询media

  1. 媒体查询 only的含义:对于现代浏览器,可以不使用only。对于老版本,如果不使用only会把复杂判断条件都忽略,仅仅视为media。所以尽量带上only。
  2. not 或者 only仅适用单个查询条件。比如 not media and (min-width: 30em), media and (max-width: 300em) 等同于 ( not (media and (min-width: 30em)) ), media and (max-width: 300em)
  3. 逗号代表或者的意思,只要有一个满足即可
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 其实学校自学前端的时候都不知道媒体查询,在实际工作中慢慢接触到了。最近做的项目中,碰到了前端当中很多人都会碰到的问...
    南蓝NL阅读 6,891评论 0 3
  • 随着科学技术不断的向前发展,网页的浏览终端越来越多样化,用户可以通过:宽屏电视、台式电脑、笔记本电脑、平板电脑和智...
    ABCDE的E阅读 3,339评论 0 0
  • @media的作用:媒体查询可以在指定的设备上使用对应的样式替代原有的样式。可以简单理解为告诉浏览器:当满足某条件...
    深度剖析JavaScript阅读 8,963评论 0 7
  • @media的作用:媒体查询可以在指定的设备上使用对应的样式替代原有的样式。可以简单理解为告诉浏览器:当满足某条件...
    深度剖析JavaScript阅读 8,475评论 0 10
  • @media 查询条件判断的顺序 如果判断最小值,即使用(min-width),应该从小到大写;也是推荐的写法,因...
    张晖阅读 4,647评论 0 0