0

この画像のサイズがどのように変更されているか誰か教えてもらえますか? firebug を使用してページから背景を削除すると、画像がはっきりと見えます。

http://canvas.is/images/logo_solid.png

ページが拡大縮小されると、幅と高さの属性が適用され、画像の拡大縮小が開始されることに気付きました。私はページに目を通しましたが、幅または高さのパーセンテージを示す css はなく、js も見えません。

これはどのように機能していますか?ありがとう

4

1 に答える 1

1

URLが画像拡張子で終わるため、これはブラウザの組み込み機能であると暫定的に言います。ブラウザはそれがhtmlページではないことを知っているため、別の方法でレンダリングします。

通常の HTML ページでは、画像に固定幅を設定すると、ブラウザーはその高さを自動的にサイズ変更します。これは、次のシナリオに似ています。

<div class="image-wrapper">
   <img width="100%" src="..."/>
</div>

画像は元の比率に従ってサイズ変更され、幅が次のように変更されますimage-wrapper

于 2012-08-29T05:48:23.967 に答える