大意
我有一个网页，其中包含针对不同屏幕的自定义CSS文件。经过大量搜索并使用无错误的响应式模拟器测试器后，一些iPhone用户抱怨页面样式损坏。
代码基础
页面有2个自定义CSS文件，分别用于较大(> 960px)和较小(
我有这个中继标记:
<meta name="viewport" content="width=device-width, initial-scale=1">
This is my page to test
测试与结果
在浏览器上测试较小的屏幕(即使宽度不超过260像素)也没有问题。还验证了CSS here。
这就是使用新的更新的iPhone 6浏览器(Safari和Chrome具有相同结果)的用户的外观。
所有其他电话(据我所知)都没有此问题。
最佳答案
关于其他人关于150％宽度的说法:在js_compressed.js中有一些JavaScript设置了该宽度...它是压缩的，因此很难说出它的意义，但这是在Chrome Devtools中看起来很漂亮的样子:
b() && ($("section.top").css("width", "150%"),
$("footer").css("width", "150%"));
在它的正下方，有一些与FancyBox相关的东西(this，我想)...也许与此有关？