img src在缩放时移动

时间:2013-09-12 01:22:42

标签: html css css3

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

1 个答案:

答案 0 :(得分:0)

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