移动设备竖屏/横屏
1) 设置竖屏/横屏
->竖屏 @media screen and (orientation:portrait){...}
@media screen and (orientation:portrait) {
.a .b{position:static;clear:both;float:right;padding-top:5px;}
.a a.c{float:left;margin:0 0 0 5px;padding:0;width:65%;}
.a .b .d{position:static;}
}
->横屏 @media screen and (orientation:landscape){...}
@media screen and (orientation:landscape) {
.a .b{position:static;clear:both;float:right;padding-top:5px;}
.a a.c{float:left;margin:0 0 0 5px;padding:0;width:65%;}
.a .b .d{position:static;}
}
2) 屏幕像素变换
页面尺寸变化
$(window).resize(function(){
...
});
横屏竖屏切换变化
$(window).bind( ‘orientationchange‘, function(e){
...
});
判断当前是横屏还是竖屏：
if (window.orientation == 90 || window.orientation == -90) {…}
//ipad、iphone竖屏；Andriod横屏
if (window.orientation == 0 || window.orientation == 180) {…}
//ipad、iphone横屏；Andriod竖屏
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
