web-dev-qa-db-ja.com

Chrome on Androidフォントのサイズを変更

テキストの段落が一定の長さに達すると、chrome on Androidは、テキストのサイズを変更し、それを大きくすることを決定します（あらゆる種類の楽しみを引き起こす）。約半分のpタグが設定したサイズに従い、残りの半分は必要に応じて変更されるWebサイトを持っています-明らかに段落の長さに依存します。

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

androidhtmlcssgoogle-chromefont-size
75
Sprax

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

86
moeffju

以下のものが含まれます <meta>ドキュメント内のタグ<head>：

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

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

57
Joe DeRose

これを制御するために設定できるCSSプロパティがあります。

-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust を参照してください

19
Gareth

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

13
Ed Hinchliffe

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

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

幅と高さの値は、必要に応じて修正する必要があります。

5
metamagikum

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

2
Randy Vroegop

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

1
Boris Smus