JS里如何做一个网页，放大缩小不会改变排版？

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

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

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

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

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

这个问题就迎刃而解

您好，当PS移动时会出现像素错位，这是因为在移动图像时，图像的像素会发生变化，从而导致像素错位。为了避免出现这种情况，您可以使用PS的“抗锯齿”功能，这样可以有效地减少像素错位的发生。此外，您还可以使用PS的“滤镜”功能，这样可以更好地控制图像的移动，从而避免像素错位的发生。

rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。
1 静态布局、自适应布局、流式布局、响应式布局、d性布局等的概念和区别

---