如果我们在媒体查询中不写 screen 关键字会怎样?
What would happen if we do not write screen keyword in media query?
@media (max-width: 800px) {
}
我了解到 screen
、print
等媒体类型用于指示浏览器将上述媒体查询应用于特定类型的媒体。但是我的教授。说我们也可以在没有 screen 关键字的情况下编写它。我问他原因,但并不满意。我的问题是如果它在没有 screen 关键字的情况下工作,那么浏览器将如何知道代码是用于打印还是用于屏幕?
简单:如果您不使用 screen
关键字,浏览器 不会 知道您打算将它用于屏幕还是打印,并将其应用于每个媒体都有 max-width
.
除非您使用 not
或 only
运算符,否则媒体类型是可选的并且隐含 all
类型。浏览器会将媒体查询应用于 screen
和 print
。
@media (max-width: 800px) {
}
我了解到 screen
、print
等媒体类型用于指示浏览器将上述媒体查询应用于特定类型的媒体。但是我的教授。说我们也可以在没有 screen 关键字的情况下编写它。我问他原因,但并不满意。我的问题是如果它在没有 screen 关键字的情况下工作,那么浏览器将如何知道代码是用于打印还是用于屏幕?
简单:如果您不使用 screen
关键字,浏览器 不会 知道您打算将它用于屏幕还是打印,并将其应用于每个媒体都有 max-width
.
除非您使用 not
或 only
运算符,否则媒体类型是可选的并且隐含 all
类型。浏览器会将媒体查询应用于 screen
和 print
。