Css 如何在Android上保持字体一致并尊重文本缩放(字体增强的奇怪缺陷)

Css 如何在Android上保持字体一致并尊重文本缩放(字体增强的奇怪缺陷),css,mobile,responsive-design,android-browser,Css,Mobile,Responsive Design,Android Browser,我正在为wordpress构建一个响应性主题,在Android上遇到了一个恼人的字体缩放问题(在Nexus 7 KitKat和Nexus 5棒棒糖上尝试了Chrome和Firefox) 短版本:如果您在android上打开以下内容,并将文本缩放设置为smth。除了100%的带有文本和两个链接的标题外,其他标题都会缩放,而带有3个链接的标题则不会 <h6>Tiny header</h6> <h6> <a href="#">1</a>

我正在为wordpress构建一个响应性主题,在Android上遇到了一个恼人的字体缩放问题(在Nexus 7 KitKat和Nexus 5棒棒糖上尝试了Chrome和Firefox)

短版本:如果您在android上打开以下内容,并将文本缩放设置为smth。除了100%的带有文本和两个链接的标题外,其他标题都会缩放,而带有3个链接的标题则不会

<h6>Tiny header</h6>
<h6>
    <a href="#">1</a>
    <a href="#">2</a>
</h6>
<h6>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
</h6>
<p>Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
小标题
Lorem ipsum dolor sit amet,测试链接Adipising精英。这是我的荣幸。奎斯克·阿利夸姆。多内克·福西布斯。努克·伊库利斯·苏西比特酒后驾车。Nam sit amet sem。libero nisi Aliquam,imperdiet,tincidunt nec,孕妇车辆,nisl。马蒂斯庄园、酵母菌园、蜗牛园、欧盟蜗牛园。Maecenas ornare侵权人。多奈克告诉我,我们的智囊团很年轻。莫里斯是个赌注。Suspendisse quam sem、consequeat at、commodo vitae、fegiat in、nunc。莫比·奥古斯·奎斯·泰勒斯

长版本:

我使用相对字体大小(em),因为我希望我的页面尊重用户文本缩放设置。段落和标题字体的大小与正文相对,正文设置为字体大小:100%

它就像桌面上的一个符咒。但是,在Android上,当应用文本缩放时,字体无法正确缩放。一些字体会放大,而另一些字体则非常小,这会破坏页面布局和文本的易读性

我读过关于字体增强以及如何禁用它的内容。不幸的是,它完全禁用了文本缩放,并将基本字体设置为默认值,这非常糟糕。我发现它太小,无法在Android上阅读


有没有办法克服这个问题?

你的CSS标记是什么

我个人使用以下方法:

html{ font-size: 62.5%; /* Font size in em is equal to px by 10%. e.g. 1.4em = 14px */ }
body { font-size: 16px; font-size: 1.6em; }
h1, h2, h3 { font-size: 24px; font-size: 2.4em; }

我对android平板电脑或手机的伸缩性没有任何问题。

或多或少类似。基本上,我在问题中描述了核心问题和避免它的方法。事实证明,这并不是什么大问题。啊,我想当你问我是否有办法克服这个问题时,我很困惑。谢谢你的提示!嗯,我希望有人知道一个魔术。显然——没有;)不客气!