为什么我的应用在高分辨率Android手机上看起来更小？

我使用Adobe的Phone Gap开发了一个应用程序，主要是在mobile Safari、桌面Firefox和桌面Chrome上进行检查，但当我在Android高分辨率设备（HRD）上进行检查时，我所有的字体和尺寸（以REMs计算）都是原来的一半

我尝试用以下方法修复此问题：

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

---

…但尽管它让Android HRD看起来很正常，但现在iOS HRD设备看起来太大了。纠正这种差异的最佳方法是什么？我研究了Android特定的媒体查询，但这意味着要添加20个，而且不能保证它们会对Android设备产生特定影响。

在你的

头部添加这个
meta
标签：

据了解，问题实际上在于meta-viewport标签中的target densitydpi属性，Android使用该属性，但苹果忽略了该属性。应该是：

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



显然，这解决了大多数Android设备的问题（尽管一些Android设备要求目标密度dpi=140）

相关报道：上面链接的视频在iOS和Android显示差异背后有一些有趣的历史原因。
这个解决方案拯救了我的培根…甜蜜。我花了好几个小时才找到这个。