在所有Android设备中实现相同的字体大小

Question

我正在使用phonegap开发混合移动应用程序。我想在所有android / ios设备上显示看起来大小相似的文本。它应该适用于所有决议。

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

条件就像，

我只想避免像

这样的媒体查询

@media only screen and  and (-webkit-max-device-pixel-ratio : 1){
        .todo-actions{
            font-size: 70%;
    }
}

@media only screen  and (-webkit-min-device-pixel-ratio : 1.5) and (-webkit-max-device-pixel-ratio : 1.9){

        .todo-actions{
        font-size: 120%;
    }
}

Answer 1

我在这里找到了解决方案：

https://stackoverflow.com/a/26537865

从元标记中删除 target-densitydpi = device-dpi 。