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

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

作者: _樱空飞释 | 来源:发表于2015-03-12 14:29 被阅读275次

用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);

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/hkdbxttx.html