@media查询在iPhone上不起作用

Question

我的media query可在所有浏览器的Android上使用，但不适用于iPhone。
我有iPhone 6s Plus，当我打开网站时，该页面崩溃了。 在其他iPhone上，这只是一团糟。 有什么问题？

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

Answer 1

只需使用：

@media (max-width:768px) {

}

在我看来，其他参数无关紧要，它们只会导致您进入混乱的样式表。

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

我建议你阅读这篇文章