在<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】值