91

どうやら、テキストの段落が一定の長さに達すると、Android の Google Chrome はテキストのサイズを変更して大きくすることを決定します (あらゆる種類の楽しみを引き起こします)。現在、タグの約半分pが設定したサイズに従い、残りの半分が段落の長さに応じて変更される Web サイトがあります。

どうすればこれを修正できますか？

4

7 に答える 7

99

max-height: 999999px;フォントのブーストを防止したい要素、またはその親に追加します。

于 2012-10-18T23:14:35.193 に答える
62

ドキュメントに次の<meta>タグを含めます<head>。

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

これにより、ビュー フレームが正しく確立されるため、「FontBoosting」の必要がなくなります。

于 2013-01-03T01:29:50.123 に答える
16

これをリセットに入れてください。html * {max-height:1000000px;}

于 2013-11-06T21:58:02.950 に答える
6

いくつかのテストの後、このルールは私を助けてくれました。ブーストされたテキストを含む要素に追加するか、div/テーブル構造に応じてその親に追加する必要があります。

element or parent element { 
    /* prevent font boosting on mobile devices */
    width: 100%;
    height: auto;
    min-height: 1px;
    max-height: 999999px;
}

必要に応じて、幅と高さの値を修正する必要があるかもしれません。

于 2013-03-22T18:50:52.947 に答える
2

ページの解決策を見つけました: 親要素に幅と高さを与えてください! フォントはそれらの境界線の外には出ないため、小さいままです。

于 2012-07-12T08:07:06.283 に答える
1

これは「フォント ブースティング」と呼ばれ、このWebKit バグで詳細に説明されています。現在、無効にする方法はありません。

于 2012-07-06T05:53:20.280 に答える