现在有什么理由不从媒体查询中省略"only screen"？

Question

我正在使用Laravel/Vue，我的项目似乎与IE不兼容，所以我想知道我是否可以减少:

@media only screen and (max-width: 576px)

只是:

@media (max-width: 576px)

除了旧的(古老的)浏览器会破坏我的网站之外，这有什么缺点吗?

Answer 1

在媒体查询中使用only screen的目的是为了防止不支持带有媒体特性的媒体查询的旧浏览器应用指定的样式。

要阻止旧的浏览器看到这个样式表，你可以这样写:

@media only screen and (max-width:630px){ ... }