html - CSS 在某些 iPhone 上异常崩溃

Question

主要思想

我有一个网页，其中包含针对不同屏幕的自定义 css 文件。在大量搜索和使用没有显示任何错误的响应式模拟器测试器之后，一些 iPhone 用户提示页面样式损坏。

代码基础

页面有 2 个自定义 CSS 文件，用于较大 (>960px) 和较小 (<=960px) 屏幕。

我有这个元标记:

<meta name="viewport" content="width=device-width, initial-scale=1">

This is my page to test

测试和结果

在较小屏幕(甚至低至 260 像素宽度)的浏览器测试中显示没有问题。还验证了 CSS here .

对于某些使用新更新的 iPhone 6 浏览器的人来说，这是这样的(Safari 和 Chrome 具有相同的结果)。

所有其他手机(据我所知)都没有这个问题。

Answer 1

关于其他人所说的 150% 宽度:js_compressed.js 中有一些 JavaScript 设置宽度...它被压缩了，所以很难说出它的意义是什么，但是这是在 Chrome Devtools 中 pretty-print 的内容:

b() && ($("section.top").css("width", "150%"),
$("footer").css("width", "150%"));

在它的正下方有一些与 FancyBox 相关的东西(我想是 this)...也许与此有关？