1

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

在任何换行以显示在多行上的第一级评论上，当在 iOS 中以 768 像素和 480 像素之间的视口大小查看时，它不会使用我在评论和评论作者中指定的文本大小。任何适合一行的评论（或有适合一行的手动中断）都可以，当我在 iPhone 上以纵向（<480px）查看它时，问题就消失了。

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

我的字体大小规格在包含我所有评论的 div 上，#comments.

这是我迄今为止尝试过的：

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

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

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

4

1 回答 1

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得到这个

于 2013-06-15T15:50:55.110 回答