iPhone/android的viewport 禁止頁面自動縮放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

屬性解釋:

1.width

width設置viewport的寬度，即iphone最初模擬PC瀏覽器的寬度，以後iphone會這個寬度展示的頁面同比縮放到iphone屏幕上。設置width=device-width後就不會再進行縮放了，由於寬度正好和iphone的寬度相同（前提是沒有設置縮放比例）。

2.minimum-scale和maximum-scale

控制用戶容許設置的縮放比例的。

3.user-scalable

標識是否容許對頁面進行縮放，取值有兩個yes和no。設置爲no則不容許進行頁面縮放了。
4.initial-scale

設置用戶最初看到頁面時的縮放比例。
5.target-densitydpi

Android 瀏覽器所須要的，由於 Android 硬件設備標準不一， 其中一樣物理尺寸的屏幕，可能由於 dpi 的不一樣而具備不一樣的分辨率，
Android 瀏覽器默認會縮放頁面以便最好地呈現， 惋惜和 Java 的垃圾回收同樣，它很難作到"最好"。因此最好仍是人工指定吧。
target-densitydpi 能夠設定的值
device-dpi - 設備自己的像素
high-dpi -用高像素，中低像素屏幕適當縮小。
medium- 中等像素，高的屏幕放大，低的變小是默認值
low-dpi - 低像素，中高像素會適當變大。