将首页的静态页面改为响应式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属性加入进去之后，页面显示就正常了.
