css 媒体查询中的“唯一屏幕”代码是什么意思？

Question

媒体查询中的“唯一屏幕”代码是什么意思？

//See below the 'only screen' part of the code
@media only screen and (min-device-width: 320px)

我使用了没有代码的“唯一屏幕”部分的代码。它有什么作用或如何提供帮助？

Answer 1

来自https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

only：only 关键字可防止不支持具有媒体功能的媒体查询的旧浏览器应用指定的样式。它对现代浏览器没有影响。

该screen关键字的引用，它是一台电脑，手机或平板电脑等有两种其他媒体类型，print和speech，以及默认all。

简单：only关键字是可选的，用于向后兼容。该screen关键字将默认all。