我正在使用 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%;
}
}