狀態 | 豎屏 | 橫屏 |
---|---|---|
修改前 | ||
修改後 |
解決方法:
function verticaHorizontalScreenChange() {//橫屏豎屏切換處理事件函數
if (window.orientation == 90 || window.orientation == -90) { //橫屏
htmlFontSizeChange();//橫屏的時候更改html的字體大小
} else { //豎屏
window.location.reload();
}
}
function htmlFontSizeChange(){
let w = $(window),
w.width() > w.height()? fontsize = w.height(): fontsize = w.width();
$("html").css('font-size',~~(fontsize *100000/36)/100000+"px");
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", verticalHorizontalChange, false);//監聽橫屏豎屏切換事件