2

heightプロパティがに設定されたブロックレベルの要素があります%。これらのブロックレベルの要素<span>の中には、テキストが含まれています。例：

<body style="height: 100%;">
    <menu style="height: 10%;">
        <button style="display: block; height: 100%;">
            <span style="font-size: 4em; line-height: 200%;">text</span>
        </button>
    </menu>
</body>

これはモバイルブラウザではかなり見栄えがしますが、デバイスを回転させると（つまり、body.onorientationchangeイベントが開始されると）、テキストが大きくなりすぎます。

だから私の質問は、親要素の高さを基準にしてテキストサイズを指定するにはどうすればよいですか？

4

2 に答える 2

1

iPhone でも同様の問題が発生しましたが、問題の原因は高さではなく、モバイル Webkit のオプションでした。

これを設定してみてください

body {
    -webkit-text-size-adjust: none;
}
于 2010-10-11T10:39:59.243 に答える
0

これにより、回転時のフォントサイズの変更が無効になり、私の問題はほとんど解決されます。ここからお借りしました。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">

更新:マークが提案したように、セミコロンからコンマに変更されました。

于 2010-10-11T10:56:03.303 に答える