web-dev-qa-db-ja.com

モバイルでフォントブーストをオーバーライドする方法chrome

モバイルクロームのフォントブーストをオーバーライドすることは可能ですか? 〜stackoverflowを含む〜の前にインターネットを検索しました。

不可能だと言う人もいますし、テキストを助けるだけでなく、テキストの面積を減らすメタタグも見つけました...これは良くありません。

あなたの助けに感謝します。

19
Ron

私のreset.cssに次の行を追加することは私のために働いた

    html * {max-height:1000000px;}
29
Matt

フォントブーストを無効にする実際の可能性はありません。いくつかのハックがあるかもしれませんが、それらは何か違うことを意図していて、実際、何か違うことをします。

7
looper

それを機能させる方法を持っている人が数人いるようです。

CSSを追加 ルールまたは 親要素の幅と高さ を指定します。

2
soycharliente

MattとKundanSankheの回答は、現時点で最善の解決策です。

.element { max-height: 999999px; }

それでも問題が発生する場合は、headタグ内にこれを追加してみてください:-

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

ただし、これにより、画像タグまたは画像の背景サイズのタグに問題が発生する可能性があることに注意してください。

1
phpsmart.info

試してください text-size-adjust

html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}
0
fabb

デスクトップ、およびおそらくモバイル(モバイルはテストされていません)の場合、HTML要素に基本フォントサイズを設定することで、ChromeおよびFF)でフォントサイズのブーストを無効にできます。例:

html {
  font-size: 16px;
}

これは、max-heightよりもハッキーではありません。しかし、アクセシビリティの観点からはまだ汚いです。

必要に応じて、jQueryを使用してこれを設定することもできます。

0
Mark Caron

これはWebkitの公式バグです。確認できます Webkit公式サイト

不要な要素をターゲットにするのではなく、フォントブーストをオーバーライドする必要がある特定の要素のみをターゲットにする必要があります。つまり.

p {
   max-height: 999999px;
}
0
Kundan Sankhe