Android開發時無法正確按照響應樣式顯示解決辦法

記最近在做移動混合應用的開發，遇到的一個問題：android無法按照指定的響應樣式正確顯示。

首先說一下兩次遇到此問題的環境：
1.使用jQuery Mobile寫介面時，在測試機上（G7）字型和介面顯示偏小。
2.在G7上使用自訂的響應樣式進行布局時沒有問題，介面顯示正常。但在小米2S上，介面卻顯示錯誤。通過JS指令碼擷取了一下小米2S的螢幕寬度，發現獲得的值並不是想像的720px，而是360px，所以響應的樣式會發生錯誤。

 
在沒有設定target-densitydpi時

在設定target-densitydpi時，得到正確的響應布局

原來在android上，會通過 target-densitydpi 來擷取DPI。在不設定的情況下，預設選擇的是 medium-dpi(160)。

上面的兩個問題，可以通過給元標籤添加target-densitydpi=device-dpi來解決，代碼如下。

代碼如下	複製代碼
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">