JS通过媒介查询简单获取屏幕方向

利用了 Window.matchMedia() 方法查询屏幕旋转方向

目前为止最方便和稳定的方法,设备兼容性和浏览器兼容性也是非常好的

function handleDetectOrient() {
    const screenDirction = window.matchMedia('(orientation: landscape)');
    return screenDirction.matches ? 'landscape' : 'portrait';
}

文章参考文献

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia

本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。