ホームページ >ウェブフロントエンド >CSSチュートリアル >css_Experience Exchangeを使用して画像サイズ表示を制御する実装方法とコード

css_Experience Exchangeを使用して画像サイズ表示を制御する実装方法とコード

WBOY
WBOYオリジナル
2016-05-16 12:08:171511ブラウズ

場合によっては、画像が大きすぎて、Web ページのきれいなレイアウトが崩れてしまうことがあります。このとき、CSS を使用して画像の高さまたは幅を強制的に比例的に圧縮できます
CSS コードは次のとおりです:
img,a img{
border:0;
margin :0;
パディング:0 ;
最大幅:590px;
幅:式(this.width>590?"590px":this.width);
最大高さ:590px;
height:expression(this.height>590?"590px":this.height);
}
このように、画像の高さまたは幅が 590px を超える場合、比例して圧縮されます。 590pxを超えない場合はオリジナルサイズで表示されます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。