下一条: html5手机拍照和上传图片 >
判断手机旋转代码 屏幕旋转的事件和样式
发布-xiaoming | 浏览量-
屏幕旋转的事件和样式
事件
window.orientation,取值:正负90表示横屏模式、0和180表现为竖屏模式;
window.onorientationchange = function(){
switch(window.orientation){
case -90:
case 90:
alert("横屏:" + window.orientation);
case 0:
case 180:
alert("竖屏:" + window.orientation);
break;
}
}
样式
//竖屏时使用的样式
@media all and (orientation:portrait) {
.css{}
}
//横屏时使用的样式
@media all and (orientation:landscape) {
.css{}
}
原文地址:http://www.35ui.cn/post/20150625143.html
标签:旋转代码htm5
上一条: CSS旋转代码 Css翻转代码,兼容方案代码
下一条: html5手机拍照和上传图片
或许你还对下面的文章感兴趣