@媒体查询在IPhone上不起作用

Question

我的media query可以在安卓系统的所有浏览器上运行，但不能在IPhone上运行。

我用的是IPhone 6s Plus，当我打开我的网站时，页面崩溃了。在其他IPhones上，它只是css一团糟。有什么问题吗？

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

Answer 1

只需使用：

@media (max-width:768px) {

}

在我看来，其他参数都是无关紧要的，它们只会将您引向混乱的样式表。

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

我建议你阅读这篇SO Post