viewport自动缩放解决办法

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

来自为知笔记(Wiz)SEO=55ac813127bc669bc4a323e44c2c8ace

转载于:https://www.cnblogs.com/rechie1985/archive/2013/01/14/2860428.html