處理短屏下縮放,以及初始化時固定頁面大小,防止豎屏下彈出鍵盤或橫屏時頁面發生縮放的情況

//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); })
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章