Safari iPhone中的随机CSS样式

Question

我有一个痛苦的问题CSS问题，似乎是由Disqus CSS引起的。

Disqus CSS似乎导致我的页面的主要内容文本随机更改部分的大小。单击刷新将随机使一些文本更大，一些更小，一些粗体。它似乎只发生在iPhone（真实和模拟器）的Safari中，并且在Firefox，IE，Android和iPad Safari中都很好。关闭Disqus评论可以解决问题。我尝试过更改Disqus主题并打开和关闭移动视图。

下面您可以看到每次点击刷新（live site-it should look like this）

时，同一页面的呈现方式都不同

非常感谢任何帮助。

Answer 1

您可以尝试应用-webkit-text-size-adjust：none;并定位Disqus代码？如果我记得Disqus不使用iframe，那么如果您使用的层次结构强于他们的层次结构，它应该有效。

更多信息： http://css-infos.net/property/-webkit-text-size-adjust

希望有所帮助：）

编辑：我在写下这条评论时只是想了一下。您可以通过显式设置视口宽度或设置宽度来对此进行排序。

例如，这将使iphone上的视口在纵向上为320px宽，在横向上为460px宽（我认为这是正确的吗？）。

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

从截图中我认为实际上太小了，所以这样的事情会更好。

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

这实际上是文本大小首先发生变化的原因。 iPhone可以缩放800px，以适应人像和风景。虽然这可能会使字体太小而增加。

有关详细信息，请参阅此处：https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html