将首页的静态页面改为响应式WEB页面时，设置了viewport的width: device-width后，仍然显示的是双击放大后的页面，这时候查找资料，发现手机浏览器会默认缩放页面以便更好地呈现，具体如下：
target-densitydpi Android 浏览器所需要的，因为 Android 硬件设备标准不一， 其中同样物理尺寸的屏幕，可能因为 dpi 的不同而具有不同的分辨率，
Android 浏览器默认会缩放页面以便最好地呈现， 可惜和 Java 的垃圾回收一样，它很难做到"最好"。所以最好还是人工指定吧。
target-densitydpi 可以设定的值
device-dpi - Use the device's native dpi as the target dpi. Default scaling never occurs. 设备本身的像素
high-dpi - Use hdpi as the target dpi. Medium and low density screens scale down as appropriate 用高像素，中低像素屏幕适当缩小。
medium-dpi - Use mdpi as the target dpi. High density screens scale up and low density screens scale down. 中等像素，高的屏幕放大，低的变小是默认值
low-dpi - Use ldpi as the target dpi. Medium and high density screens scale up as appropriate 低像素，中高像素会适当变大。
sdf
最后将target-densitydpi:device-dpi属性加入进去之后，页面显示就正常了.
