爲什麼我的應用在高分辨率Android手機上顯得更小？

我使用Adobe的Phone Gap開發了一個應用程序，主要是在移動Safari，桌面版Firefox和桌面版Chrome上進行檢查，但是當我在Android高分辨率設備（HRD）上檢查它時，所有字體和測量結果（以REM計算）一樣大。爲什麼我的應用在高分辨率Android手機上顯得更小？

我試圖解決這個：

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution:2dppx){ 
    html{ 
     /*font-size:125%;*/ 
    } 
}

...但同時它讓Android的HRDS看起來正常，現在的iOS設備HRDS看起來過大。糾正這種差異的最好方法是什麼？我研究了特定於Android的媒體查詢，但這意味着需要添加20個，並且不能保證它們會專門影響Android設備。

根據a talk by Mike Stamm at CSSConf這個問題實際上是在元視口標籤，它的Android使用目標densitydpi屬性，但蘋果忽略。它應該是：

<meta name="viewport" content="target-densitydpi=160">

顯然，與大多數Android設備解決了這個問題，（雖然部分Android裝置需要目標densitydpi = 140）。

相關：上面鏈接的視頻有一些有趣的歷史原因背後的iOS和Android顯示的差異。

2013-11-16 18:52:23

這個解決方案拯救了我的培根......甜美。我發現這一點之前花了數小時的時間敲牆。 –

在head添加此meta標籤：

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

2013-11-15 21:19:26 Ennui

回答