ホームページ > 記事 > ウェブフロントエンド > css_Experience Exchangeを使用して画像サイズ表示を制御する実装方法とコード
場合によっては、画像が大きすぎて、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を超えない場合はオリジナルサイズで表示されます。