芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
1

webkit 屏幕旋转事件

作者 芒果/分类 代码/发布于 2013-02-28 14:31

通过监听 onorientationchange 事件,可以感知屏幕旋转状态的变化,看代码:

	// 判断屏幕是否旋转
	function orientationChange () {
		// window.orientation
		switch (window.orientation) {
			case 90:
			case -90:
				console.log('portrait');
				break;
			case 0:
			case 180:
				console.log('landscape');
				break;
		}
	}

通常只需要知道横屏(landscape)还是竖屏(portrait)已经能够满足页面适应的需求。

参考资料:Detect Landscape/Portrait Mode using JavaScript

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/webkit-onorientationchange/" title="webkit 屏幕旋转事件" rel="bookmark">webkit 屏幕旋转事件 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 1 条群众意见

  1. 六网赚博客 /2013-04-20 00:24

    老大,你博客模板写新文章时候,不能插入图片是咋回事?或者说编辑文章时,如何插入图片? 回应

    #1

下面我简单说几句