0

Windows 7 で Firefox 22.0 を使用しています。スケーリングされた png 画像を読み込むと、画像が読み込まれてから約 1 秒後に少し揺れたり揺れたりします。どうしたの？

<a href="bozo">
    <img style="height:45px;" src="http://images.cdn.rackspace.com/header/logo-rackspace.png">
</a>

ここにjsfiddleがあります。[実行] をクリックすると、動作を再現できます。

Chrome または IE ではこの動作は見られません。

4

1 に答える 1

2

再現できませんでしたが、CSS を使用してサイズを設定した (および間違った) ため、ガタガタしています。

画像は高さ 46 ピクセルで、最初にこのように読み込まれます。次に CSS が 45 ピクセルで適用され、1 ピクセル縮小されるため、ジッターが発生します。この小さな違いは、幅にも影響するため、画面上で一目でわかります。おそらく、一部のシステムでは、ジッターに見えるほど十分に表示されます。

画像サイズを 46 ピクセルに設定するか、サイズを属性として設定すると、画像は消えます。

<img height="46" ...
于 2013-08-02T00:59:43.187 に答える