0

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%;
    }
}
4

1 に答える 1