2012-03-28 16 views
1

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

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

答えて

4

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

+2

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

+0

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

+1

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

1

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

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

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

関連する問題