前段時間在做WAP頁面，發現頁面設置了meta viewport中的大眾屬性，即：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" > 

但發現頁面依舊不根據手機屏幕進行自動縮放，后來找其他同事幫忙解決了，我看了源代碼發現了是在原來的viewport中增加了target-densitydpi屬性。看之初不太了解，也因為當時自己手上有其他需求在處理，最近突然想起了這件事，準備對它做一些了解，以備不時之需。

首先來了解一下這個屬性到底是做什么的，從網上摘錄了一段簡介，如下：

一個屏幕像素密度是由屏幕分辨率決定的，通常定義為每英寸點的數量（dpi）。Android支持三種屏幕像素密度：低像素密度，中像素密度，高像素密度。一個低像素密度的屏幕每英寸上的像素點更少，而一個高像素密度的屏幕每英寸上的像素點更多。android Browser和WebView默認屏幕為中像素密度。

下面是 target-densitydpi 屬性的 取值范圍

device-dpi