Html 放大时，img src将移动

大家好，当我缩放页面时，图像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>

10%
折扣

设备（物理）和css像素之间存在差异。 当用户放大时，具有指定宽度的元素会占据越来越多的屏幕。这样，当以物理像素测量时，它会变得更宽，但以css像素测量时，它的大小是相同的。

---

在元素的顶部和左侧留下的空间也会发生这种情况。这就是为什么在您看来，元素正在移动。

尝试将其放在一个屏幕上，并解释您希望它如何运行，以及它与实际运行的区别。我无法找到解决方案，但我注意到您的html代码无效。我建议在font-weight:bold之后删除引号。它可能会帮助您找到解决方案。您还说您已经有了一个div，但在您提供的代码中没有提到这一点。请确保包含所有与问题相关的代码。华夫格我删除了报价，谢谢我也发布了报价。请看