处理短屏下缩放,以及初始化时固定页面大小,防止竖屏下弹出键盘或横屏时页面发生缩放的情况

46次阅读

共计 984 个字符,预计需要花费 3 分钟才能阅读完成。

//function initScreen(){
// $(“html”).css(“font-size”,$(window).height()/$(window).width()<1.5 ? ($(window).height()/603*312.5+”%”) : ($(window).width()/375*312.5+”%”))
//}
//2016-01-06 将上述方法更新为
var initScreen=function(callback){// 初始化 html font-size
$(“html”).css(“font-size”,document.documentElement.clientHeight/document.documentElement.clientWidth<1.5 ? (document.documentElement.clientHeight/603*312.5+”%”) : (document.documentElement.clientWidth/375*312.5+”%”)); // 单屏全屏布局时使用, 短屏下自动缩放
//$(“html”).css(“font-size”,document.documentElement.clientWidth/375*312.5+”%”);// 长页面时使用, 不缩放
if(callback)callback();
}

function _onorientationchange(e){
if(window.orientation==90||window.orientation==-90){
$(“#forhorview”).css(“display”, “-webkit-box”); // 显示竖屏浏览提示框
}else{// 竖屏下恢复默认显示效果
var st=setTimeout(initScreen,300);
$(“#forhorview”).css(“display”, “none”);
}
_resize(e);
}
$(function(){
initScreen();
window.addEventListener(“onorientationchange” in window ? “orientationchange” : “resize”, function(e){_onorientationchange(e);}, false);
})

正文完
 0