是否有可能在移动版Chrome中覆盖字体增强?我之前在互联网上搜索过,包括stackoverflow。
我发现有些人说不可能,我也找到了一些meta标签可以帮助文字但同时减小了文本区域...这不是很好...
感谢您的帮助。
是否有可能在移动版Chrome中覆盖字体增强?我之前在互联网上搜索过,包括stackoverflow。
我发现有些人说不可能,我也找到了一些meta标签可以帮助文字但同时减小了文本区域...这不是很好...
感谢您的帮助。
在我的reset.css中添加以下行对我有用:
html * {max-height:1000000px;}
目前没有真正禁用字体加粗的可能性。虽然有一些hack方法,但它们针对的是不同的内容,实际上执行的也是不同的操作。
text-size-adjust
属性:(参考链接)
html {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
一起用于body
时,它对我有效。 它阻止了Android Chrome在我的网站的某些部分中减小字体。 - JustAMartin看起来有一些人有让它正常工作的方法。
.element { max-height: 999999px; }
<meta name="viewport" content="width=device-width, initial-scale=1">
Android Chrome仅对具有动态高度的元素应用字体增强。一旦您指定了height,max-height或line-height,就不会应用字体增强。但是您应该注意内联元素(如span
)其高度或最大高度属性无效的情况。在这种情况下,您可以将显示设置为inline-block
,如下面的代码或其他可以设置高度的框类型。
span {
font-size:12px;
line-height:12px;
display:inline-block;
}
对于桌面端,以及可能的移动端(尚未测试移动端),您可以通过在HTML元素上设置基本字体大小来禁用Chrome和FF中的字体大小增强。例如:
html {
font-size: 16px;
}
这比max-height更不会出现hacky的问题。但是,从可访问性的角度来看,仍然有点不太好。
如果必须的话,您也可以使用jQuery来设置它。