CSS，在页面缩放期间保留元素定位

Question

在使用不同缩放设置的不同机器打开网页时，我无法保留元素的位置。

到目前为止，包括身体在内的所有元素都具有绝对位置（具有相关位置值）。 我希望所有元素在缩放过程中保持其位置。

body{
   position: absolute;
   margin: 0;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
}

#div1{
   position: absolute;
   top: 10%;
}

#div2{
   position: absolute;
   top: 10%
   left: 10%;
}

这是我的CSS的抽象例子，但这几乎是它的基础。 我之前用css成功实现了“动态”和“动态”。在浏览器滚动期间定位，但不记得我用过或做过什么！