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