检测iPhone/iPad设备方向的三种方法
2014-04-23 13:09
609 查看
使用meta tag "viewport"
viewport标签包含如下属性:属性 | 缺省值 | 最小值 | 最大值 |
width | 980 | 200 | 10000 |
height | based on aspect ratio | 223 | 10000 |
inital-scale | fit to screen | minimum-scale | maximum-scale |
user-scalable | yes | no | yes |
minimum-scale | 0.25 | > 0 | 10 |
maximum-scale | 1.6 | >0 | 10 |
<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">
by iefreer
相关文章推荐
- 三种检测iPhone/iPad设备方向的方法
- 三种检测iPhone/iPad设备方向的方法
- iPhone、iPad、苹果设备方向判断方法
- 检测iPhone/iPod touch/iPad设备类型的代码
- (iphone/ipad)一个简单的用代码判断当前设备的方法
- ios(iphone/ipad)一个简单的用代码判断当前设备的方法
- 检测iPhone/iPod Touch/iPad设备类型
- ios(ipad,iphone)屏幕旋转检测通用方法
- 每日分享 - 检测iPhone/iPod Touch/iPad设备类型
- 检测iPhone/iPod Touch/iPad设备类型
- 检测iPhone/iPod Touch/iPad设备类型
- 【iOS奇葩特性】layoutSubviews在iPhone和iPad中,当设备方向改变后的调用情况
- PHP判断iPhone、iPad、Android、PC设备的方法
- ios 区分iphone ipod & ipad的方法及获取设备名称。
- PHP判断iPhone、iPad、Android、PC设备的方法
- (转)检测iPhone/iPod Touch/iPad设备类型
- ios(ipad,iphone)屏幕旋转检测通用方法
- 三种查看iPhone和iPad的UDID的简单方法
- PHP判断iPhone、iPad、Android、PC设备的方法
- 共享电脑上的媒体资源给ipad、iphone、android等移动设备的方法