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

Question

“仅屏幕”代码在媒体查询中意味着什么？

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

我使用的代码不包含“仅屏幕”部分。它有什么作用或有什么帮助？

Answer 1

{% if p.category.name == "help" %}

正如您所说，确实可以在不使用 @media only screen and (min-device-width: 320px) 的情况下运行代码，但是当您使用它时，这意味着您仅针对台式机，笔记本电脑，平板电脑，移动设备等屏幕设备不是其他媒体设备，例如打印媒体和屏幕阅读器等。

资源：https://www.w3.org/TR/CSS2/media.html

Answer 2

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

  

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

screen关键字表示它是计算机，移动电话或平板电脑等。还有其他两种媒体类型，print和speech，以及默认的{{1} }。

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