利用 Media Query監(jiān)聽
Media Query 相信大部分人已經(jīng)使用過了砂缩。其實 JavaScript可以配合 Media Query這么用:
var mql = window.matchMedia("(orientation: portrait)");
mql.addListener(handleOrientationChange);
handleOrientationChange(mql);
function handleOrientationChange(mql) {
if (mql.matches) {
alert('The device is currently in portrait orientation ')
} else {
alert('The device is currently in landscape orientation')
}}
借助了 Media Query 接口做的事件監(jiān)聽钧大,所以很強大给赞!
也可以通過獲取 CSS 值來使用 Media Query 判斷設備情況发框,詳情請看:JavaScript 依據(jù) CSS Media Queries 判斷設備的方法。