モバイルクロームのフォントブーストをオーバーライドすることは可能ですか? 〜stackoverflowを含む〜の前にインターネットを検索しました。
不可能だと言う人もいますし、テキストを助けるだけでなく、テキストの面積を減らすメタタグも見つけました...これは良くありません。
あなたの助けに感謝します。
私のreset.cssに次の行を追加することは私のために働いた
html * {max-height:1000000px;}
フォントブーストを無効にする実際の可能性はありません。いくつかのハックがあるかもしれませんが、それらは何か違うことを意図していて、実際、何か違うことをします。
MattとKundanSankheの回答は、現時点で最善の解決策です。
.element { max-height: 999999px; }
それでも問題が発生する場合は、headタグ内にこれを追加してみてください:-
<meta name="viewport" content="width=device-width, initial-scale=1">
ただし、これにより、画像タグまたは画像の背景サイズのタグに問題が発生する可能性があることに注意してください。
試してください text-size-adjust
:
html {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
}
デスクトップ、およびおそらくモバイル(モバイルはテストされていません)の場合、HTML要素に基本フォントサイズを設定することで、ChromeおよびFF)でフォントサイズのブーストを無効にできます。例:
html {
font-size: 16px;
}
これは、max-heightよりもハッキーではありません。しかし、アクセシビリティの観点からはまだ汚いです。
必要に応じて、jQueryを使用してこれを設定することもできます。
これはWebkitの公式バグです。確認できます Webkit公式サイト
不要な要素をターゲットにするのではなく、フォントブーストをオーバーライドする必要がある特定の要素のみをターゲットにする必要があります。つまり.
p {
max-height: 999999px;
}