CSS、適応性の高い写真

、JSを使用して画面の幅を取得し、画像サイズに応じて縦横比を設定するようになりました。

VAR WID = window.screen.width。
WID = WID * 0.85 ; 
$( '.IMG ')、CSS('幅'、WID + 'PX'。); 
$( '.IMG ')CSS('高さ'、WID / 15 * 26 + 'ピクセル')。

ブラウザが開いているときに、変形される携帯電話/コンピュータのテストには問題を終了していないが、PC版は、マイクロチャネルに付属している1920の画面幅ため。

ソリューション:CSSを使用

{.IMG 
    幅: 90%; // 適応許可設定されていない高さ、 
}

 

おすすめ

転載: www.cnblogs.com/linjiangxian/p/11464672.html