包含多行的文本大小与不包含多行的文本大小不同

Question

我正在建立一个包含Facebook和本地Wordpress评论的Wordpress博客：http://lucky-stars.ca/yum/hello-world。我试图让Wordpress评论的格式尽可能接近Facebook的格式。我快到了，但我遇到了一个奇怪的问题。

在任何包含在多行上显示的第一级注释中，当在iOS中查看视口大小介于768px和480px之间时，它不会使用我在评论和评论作者上指定的文本大小。任何适合一行的评论（或者有适合一行的手动休息）都可以，当我在我的iPhone上以肖像方向（＆lt; 480px）查看它时，问题就会消失。

此问题也会显示在评论表单下方，其中显示“您的电子邮件地址将不会发布......”

我的字体大小规格位于包含我的所有评论的div #comments。

这是我到目前为止所尝试的：

• 清除我的缓存。
• 将!important添加到#comments上的字体规则。
• 尝试使用字母大小的ems和像素。
• 将尺寸规格添加到特定有问题的div（.comment-author和.comment-content）。
• 将我的字体规格分解为单独的规则而不是速记。
• 检查在@media screen and (max-width: 768px)。
下是否存在覆盖此字体规则的字体规则
• 在我看到Facebook的评论这样做之后，将zoom:1添加到#comments。这解决了我使用Chrome的用户代理和设备指标覆盖时的问题，但问题仍然存在于我的iPhone上。

我试过谷歌搜索问题，但我不确定我在寻找什么，因为它只是文本包装时的问题。而且不只是在包装的文本上，而且在作者的名字上，即使它是一个单独的div。

任何方向都会受到赞赏，我完全不知所措。

Answer 1

将此添加到我的CSS修复了问题：

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

来自https://github.com/necolas/normalize.css/blob/v2.1.2/normalize.css