@media 查询在 iPhone 上不起作用

【问题标题】：@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) {}

【问题讨论】：

【解决方案1】：

只需使用：

@media (max-width:768px) {

}

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

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

我建议你阅读这篇SO Post

【讨论】：