rem在PAD上出现使用问题

我目前用rem做了一个pad设备的多屏适配,通过下列代码直接利用设备宽度计算html的font-size:

var fontSize= document.documentElement.clientWidth / 16 + "px";

有一个pad设备,document.documentElement.clientWidth为1280px,除以16后得出html的font-size为80px

问题来了,页面某一元素宽高设置4rem情况下,理论上应该是320px的宽高,但是实际宽高却为368px,导致结构不正常;经查询,页面html行内font-size为80px显示,但实际生效却为92px,控制台参数显示如下图:

图片描述

请问这是什么原因导致的?有什么解决方案?

再附一张控制台显示信息图:
图片描述

阅读 3.7k
3 个回答

clipboard.png

正常操作 应该不会有问题 你好好检查js的运行情况 看看最后自己赋值的font-size 到底是不是80px

WTF is element.style? It's overriding my div's width!
使用!important试试

检查p标签。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题