您的位置:首页技术文章
文章详情页

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

浏览:87日期:2024-04-17 18:02:29
如何解决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上运作良好。

有什么建议么?

标签: web
相关文章: