HTML5实战与剖析之判断移动端横屏竖屏功能无标题文章

用CSS判断横屏竖屏问题:

@media (orientation:portrait) { } 横屏

@media (orientation:landscape) { }竖屏


用JavaScript判断横屏竖屏问题:

window.addEventListener("onorientationchange"inwindow ?"orientationchange":"resize",function() {

if(window.orientation === 180 || window.orientation === 0) {

alert('竖屏状态!');

}

if(window.orientation === 90 || window.orientation === -90 ){

alert('横屏状态!');

}

},false);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容