CSSコントロール画像サイズ-幅に合わせる

家がこのような情況に出会ったことがありますか？CSSで画像を制御するのは大きい時間で、もしピクチャーの幅を書き終わるならば、たとえば img｛width：500 px；｝ ，もちろん、画像の幅が500 pxより大きいなら、それをあまり大きくしないようによくコントロールできますが、画像の幅が500 pxより小さいなら、例えば100 pxの時、先ほどの書き方はこの図を5倍に拡大して表示します。これは私達が見たいものではないことは明らかです。    では、CSSはどのようにしてこれらの画像の大きさを区別できますか？簡単です。どうぞご覧ください。 

img{width:expression(this.width>500?"500px":this.width+"px"); } 

    CSSでこのコードを使えば、大きな画像と小さな画像をそれぞれ制御できます。その意味は、画像の幅が500 pxより大きいなら、画像は500 pxの大きさで表示されます。もし小さいなら、画像は元のサイズで表示されます。どうですか？確かに簡単ですか？弊害：クライアントの負荷を増加して、普通はjsで実現するのが比較的に多いです。