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
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!