这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了检测 iPhone/iPad 设备方向的三种方法, 需要的朋友可以参考下
使用 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">
来源: http://www.phperz.com/article/17/0722/276258.html