为什么＆＃34;只有屏幕＆＃34;在响应式CSS媒体查询？

Question

我注意到几乎所有针对响应式网站的css媒体查询的教程都建议使用以下内容：

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

}

虽然我知道“唯一屏幕”部分只会出现在带屏幕的设备上，但我不明白为什么会这样。如果媒体查询使网站在小于700px的屏幕上看起来更好，那么当打印到小于700px的纸张时，它是否也适用？

他们的事情是否有风险（或不支持浏览器）而不是做以下事情？

@media all and (max-width: 700px){

}

Answer 1

如果您查看this问题，则说明“仅屏幕”部分会隐藏旧版浏览器的媒体查询。因此，如果您正在做一些非常流行的事情，并希望仅将其展示给新的浏览器，那么这可能是一种选择。

This引用相同的内容（向下滚动到示例9），以防问题被删除。