js 怎么强制 手机页面横屏？

Question

js 怎么强制 手机页面横屏显示？求解，谢谢！

Answer 1

body { transform: rotate(90deg); }

Answer 2

媒体查询，竖屏提示请横屏浏览

@media screen and (orientation: portrait) {

    

}

Answer 3

/竖屏/
@media screen and (orientation: portrait){
　body{background:#f00}
}
/横屏/
@media screen and (orientation: landscape){
　body{background:#000}
}
如果用户在手机中设置关闭屏幕旋转无效
移动端开发中的坑之手机端强制横屏