js检测横竖屏方法

该文章由 leevare 发布于 ,归类于 Javascript

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

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

相关文章:

说点什么

avatar
300
  Subscribe  
提醒