js判斷移動端橫豎屏狀態

2022-05-04 14:27:09 字數 384 閱讀 2431

function hengshuping()

if(window.orientation==90||window.orientation==-90)

}//相容寫法

window.addeventlistener("onorientationchange" in window ? "orientationchange": "resize", hengshuping, false);

手機端測試顯示,window.onresize列印出來的是事件執行之前的狀態,window.onorientationchange 列印出來的是時間執行之後的狀態。

目前手機端瀏覽器大部分都支援window.onorientationchange 事件,但是最好採用相容寫法。

移動端判斷手機橫豎屏狀態

在做移動端開發的時候,在html頁面head中加入如下 設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放,頁面初始縮放程度為1 1.寫在同乙個css檔案中 media screen and orientation portrait media screen and orientation landsc...

移動端判斷手機橫豎屏狀態

在做移動端開發的時候,在html頁面head中加入如下 name viewport content width device width,user scalable no,initial scale 1 設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放,頁面初始縮放程度為1 1.寫在同乙個css檔案中...

js手機橫豎屏判斷

在ipad iphone開發中我們往往需要判斷使用者目前的螢幕的位置,這樣加以優化顯示應用內容。今天這裡我們分享乙個jquery的 能夠有效幫助大家判斷橫屏或者豎屏。注意這裡呼叫了jquery的方法,所以你需要引用jquery類庫。function orient else if window.ori...