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

时间:2013-06-09 14:32:17

标签: ios css wordpress

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

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

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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