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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 12:08:17
オリジナル
1536 人が閲覧しました

場合によっては、画像が大きすぎて、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を超えない場合はオリジナルサイズで表示されます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート