国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

三種檢測iPhone/iPad設備方向的方法

2019-11-20 20:47:52
字體：大 中 小
來源：轉載
供稿：網友
使用meta tag "viewport"

viewport標簽包含如下屬性：

 

為了能自動探測并適配到屏幕寬度，應該使用device-with而不是設定一個固定值，另外為了避免用戶縮放導致界面超出屏幕，需要設置maximum-scale，
復制代碼 代碼如下:

<meta name="viewport" content="width=device-width, maximum-scale=1.0" />

使用javascript腳本

下面的腳本通過檢測屏幕寬度來檢測方向并調整方向：
復制代碼 代碼如下:

<script type="text/javascript">
var updateLayout = function() {
if (window.innerWidth != currentWidth) {
currentWidth = window.innerWidth;
var orient = (currentWidth == 320) ? "profile" : "landscape";
document.body.setAttribute("orient", orient);
window.scrollTo(0, 1);
}
};

iPhone.DomLoad(updateLayout);
setInterval(updateLayout, 400);
</script>

上述腳本可放在head部分

使用CSS

使用CSS的media query：
復制代碼 代碼如下:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 陵川县| 武定县| 阳城县| 北票市| 永丰县| 永新县| 梅州市| 米林县| 同江市| 阿拉善盟| 平湖市| 徐州市| 广饶县| 景德镇市| 盐城市| 亚东县| 宜都市| 米林县| 吉隆县| 南城县| 沅陵县| 安仁县| 松潘县| 绥棱县| 时尚| 常熟市| 天峻县| 蒙城县| 台北市| 高碑店市| 离岛区| 宜宾市| 剑河县| 德江县| 邹城市| 伊通| 巴青县| 乌拉特前旗| 漳浦县| 蓬安县| 时尚|