前言：
眼前看官们对“js手机屏幕旋转”大概比较关怀，大家都需要学习一些“js手机屏幕旋转”的相关知识。那么小编在网络上网罗了一些有关“js手机屏幕旋转””的相关知识，希望小伙伴们能喜欢，同学们一起来学习一下吧！竖屏与横屏：
很多视口我们要对横屏和竖屏显示不同的布局，所以我们需要检测在不同的场景下给定不同的样式：
JavaScript检测横屏
window.orientation:获取屏幕旋转方向
window.addEventListener("resize", ()=>{ if (window.orientation === 180 || window.orientation === 0) { // 正常方向或屏幕旋转180度 console.log('竖屏'); }; if (window.orientation === 90 || window.orientation === -90 ){ // 屏幕顺时钟旋转90度或屏幕逆时针旋转90度 console.log('横屏'); } }); CSS检测横屏@media screen and (orientation: portrait) { /*竖屏...*/} @media screen and (orientation: landscape) { /*横屏...*/} 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js手机屏幕旋转 #html移动端强制横屏 #js屏幕适配
