/豎屏/
@media screen and (orientation: portrait){
　body{background:#f00}
}
/橫屏/
@media screen and (orientation: landscape){
　body{background:#000}
}
如果用戶在手機中設(shè)置關(guān)閉屏幕旋轉(zhuǎn)無效
移動端開發(fā)中的坑之手機端強制橫屏

body { transform: rotate(90deg); }

媒體查詢，豎屏提示請橫屏瀏覽

@media screen and (orientation: portrait) {
    
}