2

私は非常に奇妙な行動に気づきました。

デスクトップでは、次のコードを使用すると、font-size は常に一貫しています。

しかし、スマートフォンでは (私は Android の firefox と chrome でテストしました)、次のことを確認しました:

1) ここでは、最初のテキストが 2 番目のテキストよりも大きくなっています。

<div style="width:560px;margin:auto;font-size:20px">
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    <div style="height:20px">
        bla bla
    </div>
</div>

2) ここでは、どちらも小さいです (最初のテキストのみを短くしています)。

<div style="width:560px;margin:auto;font-size:20px">
    bla bla
    <div style="height:20px">
        bla bla
    </div>
</div>

3) ここでは、両方とも大きいです (私は削除しましたstyle="height:20px")

<div style="width:560px;margin:auto;font-size:20px">
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    <div>
        bla bla
    </div>
</div>

それは私には意味がありません。誰か説明してもらえますか?

4

1 に答える 1

1

モバイル開発にはいくつかのメタタグが必要であり、これが問題を引き起こしている可能性があります。

<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scaleable=no, width=device-width" />

この質問の解決策も役立ちます。

モバイルのベスト プラクティスのフォント サイズ

于 2013-04-14T10:06:43.223 に答える