在<head>中引入 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ,不加這句,移動端都返回980。加上這句,PC和移動端都能正確獲取。
設備寬度 var diviceWidth = document.documentElement.clientWidth;
設備高度 var diviceHeight = document.documentElement.clientHeight;
這樣就可以獲取到手機的分辨率了,比如iphone4 320*480 ,不贅述了……
解釋一下 document.documentElement.clientWidth 這是什么意思吧
documentElement 是 document對象的屬性,可以返回文檔的根節點
clientWidth 是當前這個對象的【content+padding】值