移动端页面内容设定字号相同,但是显示出来字体大小不同的问题
例如最外层div为<div class="content"></div>,content中包含了许多<p></p>,<p>标签中的内容设定的字号相同,但是页面显示出来字体大小却不一样。
<div class="content">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
解决方法添加样式:
.content p *{
-webkit-text-size-adjust: none;
}
-webkit-text-size-adjust这个属性虽然Chrome不认识,但是有效果,亲测。感觉不爽可以换成text-size-adjust: none;或者都写上
根据自己实际情况调整
想了解这个属性的用处,可以自己百度,这里不多做解释。

浙公网安备 33010602011771号