0

私がここで遭遇している非常に奇妙な問題...

サイズが 570x400 の画像があります。このビルドはレスポンシブなので、イメージを縮小するために使用しています: img {max-width:100%; 高さ:自動;}

これはうまく機能します...ただし、最大サイズに達すると、何らかの理由で画像が570x406で表示されます。縦横比の計算が間違っているようなものです。

ここに私が取り組んでいるサイトがあります: http://www.juliancaustrita.com/

誰もこれに遭遇したことがありますか?「max-width 100%; height:auto」を使用して多くのサイトを構築しましたが、これまで見たことがありません....

ありがとう!

4

2 に答える 2

1

CSS の幅には、パディングとボーダーが含まれます。画像に適用したクラス.img-frameは、10px の境界線を与えます。

Chrome の要素インスペクターのこのスクリーンショットは、物事をより明確にするかもしれません:

ここに画像の説明を入力

于 2013-11-05T06:49:30.660 に答える
1

に適用している 10px の白い境界線が原因です.img-frame

于 2013-11-05T06:46:49.037 に答える