css 圖片高度自適應

開始采用js，獲取屏幕寬度，按寬高比來設置圖片大小。

var wid = window.screen.width;
wid = wid * 0.85;
$('.Img').css('width',wid+'px');
$('.Img').css('height',wid/15*26+'px');

手機端/電腦測試都沒問題，但是用微信電腦版自帶瀏覽器打開時會變形，因為其屏幕寬度為1920。

解決：用css

.img{
    width:90%; //不設置高度，讓其自適應
}