1

Phonegap アプリで HTML コンテナーと画像のサイズを設定するために、px ではなく em を使用しています。

例：

<div id="outer">
 <div id="inner">
  Hello
 </div>
</div>

<style>
#outer{font-size:0.5px}
#inner{font-size:2em;width:2em}
</style>

上記のスタイルを使用すると、#inner の幅は 1 ピクセルで、フォントのサイズも 1 ピクセルにする必要があります。

これは次の場合にうまく機能します。

  • すべての Android ブラウザ
  • iPhone (ブラウザおよびネイティブ Phonegap ビルド)
  • Phonegap を備えたネイティブ Android 2.x アプリ

しかし

Phonegap を使用するネイティブ Android 4.x アプリでは機能しません (エミュレーターと実際のデバイスでテスト済み)。

何らかの理由で、#inner の font-size は 1px に正しく縮小されているように見えますが、コンテナー自体は親の font-size を無視します。

何が起きてる？

4

1 に答える 1

5

問題が見つかりました。

Android 4 では、8 未満のフォント サイズの値が 8 に切り上げられます。

したがって、これを使用するfont-size:0.5pxと、フォント サイズが 8px に変更されます。

于 2012-12-13T15:23:29.943 に答える