//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);
})
處理短屏下縮放,以及初始化時固定頁面大小,防止豎屏下彈出鍵盤或橫屏時頁面發生縮放的情況
相關文章
- 40 橫豎屏切換略縮圖不能定位
- js如何監聽頁面縮放?JS
- Swift橫豎屏切換、自動旋轉螢幕、手動旋轉螢幕、鎖定當前螢幕禁止轉屏、橫豎屏頁面跳轉過度、橫豎屏UI適配SwiftUI
- 禁止web頁面縮放解決方案Web
- web前端頁面點選預覽圖片及大小縮放Web前端
- Flutter中如何強制某個頁面橫屏Flutter
- Chrome下多屏、長頁面或者元素截圖Chrome
- 移動端頁面不滿一屏時如何實現滿屏背景?
- 短視訊開發app,Android 強制應用全域性橫屏或豎屏APPAndroid
- web頁面錄屏實現Web
- 短視訊app開發,視訊、直播畫面跟隨手機橫屏、豎屏移動APP
- Android 橫豎屏處理的知識小結Android
- Vue頁面骨架屏注入實踐Vue
- Vue 頁面骨架屏注入實踐Vue
- 投屏成功後,手機橫屏切豎屏小窗畫面向右偏移
- 汽車之家原影片怎樣一鍵採集,批次橫屏改豎屏?
- 線上直播系統原始碼,強制應用全域性橫屏或豎屏原始碼
- 蘋果為iPhone研發屏下攝像頭技術 iPhone 11或放棄劉海屏設計蘋果iPhone
- 實現一個頁面鎖屏的功能
- 微信瀏覽器字型縮放導致頁面變形瀏覽器
- 網頁佈局------導航欄下標縮放顯示網頁
- chrome彈窗在雙屏情況下left居中定位異常分析Chrome
- cad縮放快捷鍵命令 cad縮放快捷鍵使用的方法
- 閃屏頁
- Activity橫豎屏切換生命週期
- js監聽手機橫豎屏事件JS事件
- 移動端APP rem載入時頁面放大或壓縮解決APPREM
- 針對IOS頁面縮放,需要點選兩次才能選中iOS
- Android開發之平板和橫豎屏適配-RecyclerViewAndroidView
- 縮放圖片至固定大小,尺寸不足以0填充
- 直播電商平臺開發,橫豎屏切換的方法
- Qt 彈出的子頁面在未關閉的情況下,關閉主窗體,程式不退出的情況解決QT
- PR模板-200個橫屏豎屏摺疊翻頁拉伸透視運動毛刺膠片煙霧影片轉場預設
- Android 拍攝(橫 豎屏)視訊的懶人之路Android
- [iOS]終極橫豎屏切換解決方案iOS
- unity 動態修改當前橫豎屏狀態Unity
- android專案點餐app1:基礎功能:閃屏頁、登入頁面、註冊頁面AndroidAPP
- T113啟動G2D旋轉豎屏當作橫屏使用