首頁 >web前端 >js教程 >三種偵測iPhone/iPad裝置方向的方法_javascript技巧

三種偵測iPhone/iPad裝置方向的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:51:381349瀏覽

使用meta tag "viewport"

viewport標籤包含以下屬性:

三種偵測iPhone/iPad裝置方向的方法_javascript技巧 

為了能自動偵測並適配到螢幕寬度,應該使用device-with而不是設定固定值,另外為了避免使用者縮放導致介面超出螢幕,需要設定maximum-scale,

複製程式碼 程式碼如下:



使用javascript腳本

下面的腳本透過偵測螢幕寬度來偵測方向並調整方向:
複製程式碼 程式碼如下:


程式碼如下:





上述腳本可放在部分

使用CSS
使用CSS的media query: 複製程式碼

複製程式碼

複製程式碼複製程式碼複製程式碼 程式碼
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn