@media查询不适用于iPhone

Question

我的media query适用于所有浏览器的Android，但不适用于iPhone。
我有iPhone 6s Plus，当我打开网站时，它崩溃了。在其他IPhones上，它只是混乱中的css。有什么问题？

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

Answer 1

只需使用：

@media (max-width:768px) {

}

在我看来，其他参数是无关紧要的，它们只会引导你找到凌乱的样式表。

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

我建议你阅读SO Post