【问题标题】:Responsive issue; text renders incorrect size until orientation changes?响应式问题;文本呈现不正确的大小,直到方向改变?
【发布时间】:2014-05-02 03:15:36
【问题描述】:

我正在经历一些相当奇怪的事情,在那this page 在初始加载时呈现大小不正确的文本,但是当方向从纵向更改为横向并再次返回时,它呈现正常。

我尝试为 viewport 元标记添加各种属性,但是,这似乎没有任何效果。

我当前的viewport 元标记具有以下属性;

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

此行为发生在 iPhone(5S;iOS7)上,尚未在任何其他设备上进行测试。我真的很困惑问题的根源可能是什么?

如果有人可以就如何解决此问题提出任何其他 viewport 属性或其他想法,我们将不胜感激。

【问题讨论】:

  • 请注意; #intro 这是页面的顶部加载绝对正常,但是我无法弄清楚该部分与其他部分在设置字体大小的方式方面有什么区别(全部使用 em 单位)以<body> 为基础。

标签: ios css iphone responsive-design viewport


【解决方案1】:

尝试将其添加到您的 css 中:

-webkit-text-size-adjust:none;

【讨论】:

  • 太棒了,工作!计时器结束时会接受 - 非常感谢。
  • 没问题。提前谢谢你
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-15
  • 1970-01-01
  • 2017-02-05
  • 2011-11-19
  • 1970-01-01
相关资源
最近更新 更多