移动端页面内容设定字号相同,但是显示出来字体大小不同的问题
例如最外层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;或者都写上
根据自己实际情况调整
想了解这个属性的用处,可以自己百度,这里不多做解释。