手機端上傳未知圖片大小，js設定寬高比例

標籤：

 

<style rel="stylesheet" type="text/css">

.lunboimg{ width: 100%; height: auto; float: left;}
.lunboimg img{ width: 100%; float: left;}

</style>

$(function(){
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt, function () {
location.reload()
}, false); 判定旋轉螢幕時，重新整理頁面，（防止圖片擷取寬度固定不變，圖片不能自適應）

var width =$(window).width(); 擷取手機瀏覽器的寬高
var height=$(window).height();
height=width*0.5; 圖片高度=圖片寬度的0.2 寬高比：2:1
$("#banner").css({"width":width, "height":height}); 擷取縮放後的尺寸
});

<div class="lunboimg">
<img src="img/today.jpg" id="banner" >
</div>

手機端上傳未知圖片大小，js設定寬高比例