ウェブブラウザで最大画像幅を制限する

ブラウザで最大画像幅を制限するベストプラクティスは、HTMLとCSSだけです。私はGoogle.comで検索しましたが、良い結果は見つかりませんでした。ありがとう！ウェブブラウザで最大画像幅を制限する

また、比率の高さ比も維持したいと考えています。

使用style="max-width:NNNpx"（またはmax-height:NNNpx）（あなたが同様に測定として%を使用することができます - 例えばmax-width:10%）

2012-03-28 18:23:28

IEがこの機能をサポートしていないことを覚えています。また、比率の高さも維持したいと思っています:) – user1187968

'max-width'はIE7 +でサポートされています。 http://msdn.microsoft.com/library/ms530811.aspx – Ryan

IEの古いバージョンをmax-widthでうまく再生する方法については、この記事をご覧ください。http://www.svendtofte.com/code/max_width_in_ie/ – huzzah

あなたはCSSを使用して画像の幅を制限することができます。

img.limit-width { 
    max-width:50%; 
}

あなたはpxを使用することができますし、 emに加えて、パーセンテージに加えて。

2012-03-28 18:27:47 Ryan

答えて