Android Chrome 忽略 -webkit-text-size-adjust :none property. 文本在缩小时被缩放

Question

我们的客户需要一个网站，但不想为移动版本付费。我们仍在使其在移动设备上运行。当一直缩小时，Android (4.0) 上的 Chrome 正在缩放一堆文本。我们已经尝试设置 -webkit-text-size-adjust:none 属性，但它似乎被忽略了，文本仍在按比例放大。

在 iOS 上运行良好。

有什么建议吗？

Answer 1

刚刚发现了一个解决方法。在文本的父元素上设置一个最大高度，使其比显示的要大得多。例如，

<p class="intro">
  This is some text that is appearing blown up 
  and ridiculous on Chrome Mobile.
</p>

p.intro {
  max-height: 5000em;
}

您可以在任何父元素上设置最大高度。它不一定是第一个 parent 。例如，

<footer class="primary">
  <p class="intro">
    This is some text that is appearing blown up 
    and ridiculous on Chrome Mobile.
  </p>
</footer>

footer.primary {
  max-height: 5000em;
}