js检测横竖屏方法

window.matchMedia()可以获取媒体查询字符串的解析结果。

语法如下：

mql = window.matchMedia(mediaQueryString)

其中mediaQueryString参数是一个字符串，表示即将返回一个新MediaQueryList对象的媒体查询。

使用这个方法可以用来检测横竖屏，只需要传入(orientation: portrait)。

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

该属性的支持如下：

可见该属性基本不存在什么兼容性问题，所以用来检测横竖屏的话，是一种好的办法。

本文内容整理自：https://aotu.io/notes/2017/01/31/detect-orientation/index.html

如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！

如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！