移动端如何准确获取页面的宽度

移动端的网页是需要实现自适应布局的，那么获取准确的页面宽度至关重要。

移动端的网页宽度并不等于手机的像素宽度，一般是320px、360px等值。

常规一般通过document.documentElement.clientWidth获取，但在最近的一个项目里面，发现在NEXUS 5机型下会偶发性地获取0值...所以需要寻找别的方法进行补充

目前找到的一种方法是：

var dpr = window.devicePixelRatio || 2;
var width = window.screen.width / dpr;

其中devicePixelRatio不是w3c标准，但大部分手机都存在这个属性，所以最好把后面的这种方法作为document.documentElement.clientWidth的补充，这样基本就能够准确获取网页的宽度了。