【问题标题】:@media query doesn't work on IPhone@media 查询在 iPhone 上不起作用
【发布时间】:2018-10-12 12:55:09
【问题描述】:

我的media query 在所有浏览器中都可以在 Android 上运行,但不能在 iPhone 上运行。
我有 iPhone 6s Plus,当我打开我的网站时,页面崩溃了。在其他 iPhone 上,它只是混乱的 CSS。有什么问题?

@media only screen and (max-width:768px)  and  (orientation : portrait) {}

【问题讨论】:

    标签: css iphone media-queries media


    【解决方案1】:

    只需使用:

    @media (max-width:768px) {
    
    }
    

    在我看来,其他参数无关紧要,它们只会让你看到混乱的样式表。

    但请记住,更好的方法可能是根据内容和布局设置断点。

    我建议你阅读这篇SO Post

    【讨论】:

    • 感谢您的回答,但对我没有帮助:(您知道为什么@media 会导致 iPhone 上的所有浏览器崩溃吗?
    • 从来没有遇到过这个问题.. 你读过这个post
    猜你喜欢
    • 1970-01-01
    • 2019-01-17
    • 2023-03-05
    • 2017-08-04
    • 1970-01-01
    • 1970-01-01
    • 2019-02-16
    • 2017-03-19
    相关资源
    最近更新 更多