【问题标题】:Size of text that wraps to multiple lines different from text that doesn't换行到多行的文本大小与不换行的文本不同
【发布时间】:2013-06-09 14:32:16
【问题描述】:

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

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

这个问题也出现在评论表单下方,上面写着“您的电子邮件地址将不会被发布......”

我的字体大小规格在包含我所有 cmets 的 div 上,#comments

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

  • 正在清除我的缓存。
  • !important 添加到#comments 的字体规则中。
  • 尝试了字体大小的 em 和像素。
  • 将尺寸规范添加到特定有问题的 div(.comment-author.comment-content)。
  • 将我的字体规范分解为单独的规则而不是简写。
  • 检查@media screen and (max-width: 768px) 下是否没有字体规则可以覆盖此内容。
  • 在我看到 Facebook 的 cmets 这样做之后,将 zoom:1 添加到 #comments。这解决了我在使用 Chrome 的 User AgentDevice Metrics Overrides 时的问题,但问题在我的 iPhone 上仍然存在。

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

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

【问题讨论】:

    标签: ios css wordpress


    【解决方案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得到这个

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-08-07
      • 2015-07-08
      • 2016-10-17
      • 2021-10-04
      • 1970-01-01
      • 2017-05-03
      • 2018-07-08
      相关资源
      最近更新 更多