媒体查询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. 逗号代表或者的意思，只要有一个满足即可
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

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