html - 缩放时 img src 移动

Question

大家好，当我缩放页面时，图像 src 会移动。. .当用 Firefox 查看时，图像在我的膝上和电脑上的对齐方式不同。. .我已经有 div 了

<div class="offer" style="position:absolute">
<img src="images/offer2.png" alt="" width="70" height="70" border="0" style="position:absolute; left:520px; top:325px; width: 70px; height: 70px;" />
<a style=" color:#000000; position:absolute; left:505px; top:340px; width: 102px; height: 82px; font-size:15px; font-weight:bold; " Title="Offer Price"  > 10%<br>OFF </a>
</div>

Answer 1

设备（物理）和 css 像素之间存在差异。当用户放大时，具有指定宽度的元素占据了越来越多的屏幕。这样，当它以物理像素测量时，它会变得更宽，但它在 css 像素中具有相同的大小。这也发生在您在元素顶部和左侧留下的空间。这就是为什么在您看来，元素正在移动。