Android Chrome忽略-webkit-text-size-adjust:none属性缩小文字时,文字会被缩放

问题描述

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

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

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

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

<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;
}

解决方法

我们的客户要求一个网站,但不想为移动版本付费。我们仍在使其能够在移动设备上运行。完全缩小后,Android(4.0)上的Chrome会缩放一堆文本。我们尝试设置-
webkit-text-size-adjust:none属性,但是似乎忽略了该属性,并且文本仍在按比例放大。

在iOS上运作良好。

有什么建议么?

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...