CSS媒体查询语法的区别

Question

当我学习编写 CSS3 媒体查询时，向我展示的语法是这样的：

@media only screen and (max-width: Xpx){}

Xpx 当然表示您输入的任何数字。最近，我看到其他几个开发人员，主要是在 Stack 上，写 CSS 媒体查询就像这样：

@media (max-width: Xpx){}

当我访问 Mozilla 的文档页面和 W3Schools.com 之类的网站时，他们似乎以与我相同的方式使用它，就像在我的第一个示例中一样。我很久以前学到的另一件事是，如果我不知道为什么要编写代码，就不要编写代码。在看到查询的语法可以在没有“仅屏幕”部分的情况下编写后，我不得不问，我编写 CSS 媒体查询的方式与其他开发人员的编写方式有何不同？

Answer 1

only screen 仅表示：仅适用于屏幕（而不适用于各种媒体，例如 print 输出）。