only 不是很明白

Question

media =only ;media=screen ...

Answer 1

姜维 2016-09-13 16:19:58

比如

media="only screen and (min-width: 401px) and (max-width: 600px)"

在新的浏览器中它的含义和

media="screen and (min-width: 401px) and (max-width: 600px)"

是一致的但是老的不支持媒体查询的浏览器中比如IE6-8如果写成第一种会被解析成

media="only"

因为没有一个媒体叫做only所以后面的样式老的浏览器不会执行。这样大不了就是浏览器不支持媒体查询而已后面的样式不会被应用到页面上。

如果写成第二种会被解析成

media="screen"

这样的话后面的样式会直接执行而忽略了媒体查询条件这样就比较危险可能会导致样式错乱。

所以建议都加上only保险点。

可以再多听几遍课程中的讲解或者动手试试加深理解

• 冰雪封尘 #1

  姜老师加上only就是不用在老旧浏览器里显示样式了吗？可以理解为排除掉老旧浏览器，只在支持媒体查询的浏览器里显示。这样理解对吗？