0

私は Phonegap アプリに取り組んでおり、コンパイルされた Phonegap アプリケーションとデスクトップ上の Chrome として、Android デバイスのグリフ フォントの CSS の行の高さと余白のレンダリングが異なるという問題があります。

クロスブラウザー機能 (例: -webkit、-moz など) の CSS で一般的に見られるものと同様に、Android のレンダリング エンジン専用の CSS スタイルを指定する方法はありますか?

私が使用しているフォントはhttp://www.entypo.com/で、特に問題がある CSS スタイルは line-height と margin です。アプリケーション全体の通常のフォントでは、このような問題は発生していません。

4

2 に答える 2

1

<html>サービング先のデバイス/環境を検出できる場合、そのデバイス上で要素を具体的にターゲティングすることは、ページのタグにクラスを追加するのと同じくらい簡単です。次に、そのルート クラスからスタイル宣言を呼び出します。例えば：

.wrapper {
    background: blue; /* will apply to all documents independent of device */
}

.android .wrapper {
    background: green; /* will only apply to documents with the .android base class */
}

デバイスの検出に関しては、それはまったく別の問題ですが、この方法は、デバイスを検出できると仮定して機能します。

于 2013-08-22T00:59:40.993 に答える
0

あなたのAndroidコードでは、あなたのonCreate()後に追加することができますloadUrl()

this.sendJavascript("document.getElementsByTagName('body')[0].className = 'android'");

これにより、「android」クラスが追加<body>され、アプリの Android バージョンに特定の CSS セレクターを使用できるようになります。にすでにクラスを適用している場合は<body>、次のことができます。

this.sendJavascript("document.getElementsByTagName('body')[0].className += ' android'");
于 2013-08-22T01:05:37.533 に答える