为什么;“仅屏幕”;在响应css媒体查询中?

为什么;“仅屏幕”;在响应css媒体查询中?,css,responsive-design,Css,Responsive Design,我注意到,几乎所有针对响应式网站的css媒体查询教程都建议使用以下内容: @media only screen and (max-width: 700px){ } 虽然我知道“唯一的屏幕”部分使它只出现在有屏幕的设备上,但我不明白为什么这样做是可取的。如果媒体查询使网站在小于700px的屏幕上看起来更好,那么在小于700px的纸张上打印时应用它不是也很好吗 他们这样做是否有风险(或不支持浏览器) @media all and (max-width: 700px){ } 若你们看一下这个问

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

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

}
虽然我知道“唯一的屏幕”部分使它只出现在有屏幕的设备上,但我不明白为什么这样做是可取的。如果媒体查询使网站在小于700px的屏幕上看起来更好,那么在小于700px的纸张上打印时应用它不是也很好吗

他们这样做是否有风险(或不支持浏览器)

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

}
若你们看一下这个问题,它解释了“唯一的屏幕”部分对旧浏览器隐藏了媒体查询。所以,如果您正在做一些非常前沿的事情,并且只想向新浏览器显示它,那么这可能是一个选项


如果问题被删除,quote会说同样的话(向下滚动到示例9)。

这取决于您,但这是用于冲浪目的的正确编码。可能重复感谢。我想一定有原因;我就是找不到。