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

拟墨画扇 提交于 2019-12-01 01:44:14

例如最外层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 *{
 font-size: 17px;
  -webkit-text-size-adjust: none;  
}

   

-webkit-text-size-adjust这个属性虽然Chrome不认识,但是有效果,亲测。感觉不爽可以换成text-size-adjust: none;或者都写上

根据自己实际情况调整

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!