rem 在ie上的显示问题

最近写的一个响应式页面,需要兼容ie浏览器,我就在里面用到了rem,先解释下

rem: html标签上的一个fontSize的值就等于1rem

使用的过程中在其他现代浏览器下都没有问题,然后当我切到ie的时候,神奇的事情发生了。当我屏幕缩小到很小,然后刷新页面,之后把页面全屏的时候就会发现本来排列很好的页面突然就变得很乱。

这个问题困恼了蛮久,一开始以为是浏览器的渲染问题,因为这种画面只有在同时满足下面两种情况下才会出现

1. 浏览器的控制台没有打开
2.这个页面使用不同宽高计算方式,比如我这里用到了百分比和rem

即使满足这种情况,这种现象也不稳定,只要我们鼠标在页面上随便点一下,或者刷新一下页面就恢复正常了

后来经过查找发现居然是因为body的font-size 影响了页面,我们这要在body的标签里添加font-size=100%


image.png

这个问题就迎刃而解

你可能感兴趣的:(rem 在ie上的显示问题)