Question

主要想法

我有一个网页，其中包含用于不同屏幕的自定义css文件。经过大量搜索并使用没有显示错误的响应模拟器测试人员，一些iPhone用户抱怨页面样式破碎。

代码基础

Page有2个自定义CSS文件，用于较大（> 960px）和较小（＆lt; = 960px）的屏幕。

我有这个元标记：

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

对于较小屏幕（甚至低至260px宽度）的浏览器测试显示没有问题。还验证了CSS here。

这是使用新的iPhone 6浏览器寻找一些人的方式（Safari和Chrome有相同的结果）。

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

Answer 1

关于其他人对150％宽度的看法：有一些JavaScript设置宽度在ListView ...它被压缩，所以很难说出它的重点是的，但在Chrome Devtools中看起来很漂亮：

js_compressed.js

在它下面有一些与FancyBox相关的东西（this，我猜）...也许可能与此有关？

Answer 2

您的标题（可能是页脚）的宽度设置为150％？那是什么打破了你的页面...... 它创建了一个更宽的部分，因此打破了您网站的主要部分。

尝试去除150％的硬宽度; max-width不应超过100％。

Answer 3

由于我没有特定的代码片段来检测您的问题，因此很难确定代码的哪一部分会产生此问题因此我无法专门回答您的问题而且我的设备上没有这个问题但我有一些你可能需要看的东西

Check out this SO post查看第一个答案，特别是它包含了iOS safari浏览器需要知道的所有黑客攻击。有了这个，我希望我的尝试能为你做到这一点:)

Answer 4

请尝试

#top_block_wrapper, #secondary_block{
    display: block;
}

而不是display: table-cell