@media only screen 和 @media screen query 哪个是更好的选择[重复]

Posted

技术标签:

【中文标题】@media only screen 和 @media screen query 哪个是更好的选择[重复]【英文标题】:@media only screen and @media screen query which is the better choice [duplicate] 【发布时间】:2021-06-02 15:53:03 【问题描述】:

提前感谢您的帮助。我在搜索时正在编写一些媒体查询,我看到了它的两种语法 像 @media only screen and (max-width:767px)@media screen and (max-width:767px)。谁能说出两者之间的区别两个哪个更好用

【问题讨论】:

【参考方案1】:

您绝对不再需要使用 only。过去曾使用它来防止旧浏览器将规则应用于整个屏幕。基本上在过去,一些浏览器会忽略断点并将规则应用于整个屏幕,即使已声明也是如此。在你的情况下(max-width:767px)

【讨论】:

以上是关于@media only screen 和 @media screen query 哪个是更好的选择[重复]的主要内容,如果未能解决你的问题,请参考以下文章

@media only screen and (orientation:portrait) 在 iOS 模拟器中不起作用?

这行 CSS 是啥意思? @media only screen and (min-device-width: 320px) and (max-device-width: 480px)

@media screen针对不同移动设备-响应式设计

精简 - bootstrap响应式自定义屏宽限制 - css - @media screen and ( max-width: 767px) {}

媒体查询详解

js ScripX插件打印