<del id="ma0iu"></del><cite id="ma0iu"><table id="ma0iu"></table></cite>

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

Lucky_Boy 發布于2019-08-23 14:58 / 1091人閱讀

摘要：將上述方法更新為初始化單屏全屏布局時使用短屏下自動縮放長頁面時使用不縮放顯示豎屏瀏覽提示框豎屏下恢復默認顯示效果

    //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);
})

GPU云服務器云服務器短屏下豎屏下橫屏時頁面包含的處理

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101429.html

H5項目常見問題匯總及解決方案

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。原文鏈接 - https://github.com/FrontEndRo... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備...

marser 2019-08-20 14:08 評論0 收藏0
H5項目常見問題及注意事項

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。 Meta基礎知識： H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面 //一、HTML頁面結構 // width 設置viewport寬度，為一...

honhon 2019-08-21 10:51 評論0 收藏0
H5項目常見問題及注意事項

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。 Meta基礎知識： H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面 //一、HTML頁面結構 // width 設置viewport寬度，為一...

Little_XM 2019-08-30 13:07 評論0 收藏0