2012-03-27 17 views

答えて

4

あなたの第一の画像には、指定したあなたのimg要素に寸法93px * 150px

は次のとおりです。したがって

width="100px" height="150px" 

そのこれらの寸法に合わせて、あなたのイメージ(ストレッチ)を歪ませるつもりは


2ndは幅が106ピクセルなので、収縮するように押しつぶされ/歪められます。


画像からwidth属性を削除すると、これらの画像は歪みがなくなります。私が何を他に知らないよう、

img, embed, object, video { 
max-width: 100%; 
} 

あなたがこの(修正する問題)を削除するか、または:また


あなたは物事に影響を与えますあなたのCSSに以下していますこれは、インラインでオーバーライドします:

<img style="max-width:auto;".. 
+0

これはIEで修正されましたが、今はChromeで問題になっています;-(実際にこれを理解しているかわかりません)正しい高さと幅で写真を戻すのが最も良いですか? –

+0

@JaneCurtin – Curt

+0

レスポンシブな画像には最大幅100%を使用しています。 –

関連する問題