nor*_*rry 7 css android google-chrome
我们的客户要求一个网站,但不想支付移动版本.我们仍在使其在移动设备上运行.当完全放大时,Android上的Chrome(4.0)正在缩放大量文本.我们已经尝试设置-webkit-text-size-adjust:none属性,但它似乎被忽略,文本仍在扩展.
适用于iOS.
有什么建议？
bra*_*adt 31
刚刚发现了一个解决方法.将文本的父元素上的最大高度设置为比它看起来要大得多.例如,
<p class="intro">
This is some text that is appearing blown up
and ridiculous on Chrome Mobile.
</p>
p.intro {
max-height: 5000em;
}
您可以在任何父元素上设置max-height.它不一定是第一个父母.例如,
<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;
}
请注意,-webkit-text-size-adjust您提到的属性是非标准的.在这里阅读更多相关信息.
目前Chrome for Android使用字体提升来缩放文本,并且无法禁用它.
如果您想要一种禁用字体提升的方法,请提供您的用例并通过new.mcrbug.com记录问题.
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">在<head>标签中可以禁用缩放
| 归档时间： |
|
| 查看次数： |
21515 次 |
| 最近记录： |