移动设备横竖屏判断 CSS 、JS

横竖屏切换 页面布局 变化严重，使用媒体查询写两套css,- -

CSS

@media screen and (orientation: portrait) {
/* 竖屏 */
                
}
            
@media screen and (orientation: landscape) {
/* 横屏 */
                
}

JS

var d = window.matchMedia("(orientation: portrait)");
onMatchMeidaChange(d);
d.addListener(onMatchMeidaChange);
function onMatchMeidaChange(d) {
 if(d.matches) { // 竖屏
                    
 } else { //横屏
                
 }
}

转载于:https://www.cnblogs.com/Mxy-cnblog/p/9916605.html