Html CSS媒体查询语法的差异

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

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

当然，Xpx表示您输入的任何数字。最近，我看到了其他几个开发人员，主要是在堆栈上编写CSS媒体查询，如下所示：

@media (max-width: Xpx){}

---

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

仅屏幕

的意思就是：仅用于屏幕（而不是针对所有类型的媒体，例如

print

out）