移动端页面内容设定字号相同,但是显示出来字体大小不同的问题

例如最外层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;或者都写上

根据自己实际情况调整

想了解这个属性的用处,可以自己百度,这里不多做解释。

posted @ 2019-10-10 10:42  风华㊣茂  阅读(1015)  评论(0编辑  收藏  举报