私たちのクライアントはウェブサイトをリクエストしましたが、モバイル版の料金を払いたくありませんでした。私たちはまだモバイルで動作するようにしています。完全にズームアウトすると、Android (4.0) の Chrome は大量のテキストをスケーリングします。-webkit-text-size-adjust:none プロパティを設定しようとしましたが、無視されているようで、テキストがまだ拡大されています。
iOS で正常に動作します。
助言がありますか?
私たちのクライアントはウェブサイトをリクエストしましたが、モバイル版の料金を払いたくありませんでした。私たちはまだモバイルで動作するようにしています。完全にズームアウトすると、Android (4.0) の Chrome は大量のテキストをスケーリングします。-webkit-text-size-adjust:none プロパティを設定しようとしましたが、無視されているようで、テキストがまだ拡大されています。
iOS で正常に動作します。
助言がありますか?
これに対する回避策を発見しました。テキストの親要素に max-height を設定して、表示されるよりもはるかに大きくします。例えば、
<p class="intro">
This is some text that is appearing blown up
and ridiculous on Chrome Mobile.
</p>
p.intro {
max-height: 5000em;
}
親要素の最大高さを設定できます。最初の親である必要はありません。例えば、
<footer class="primary">
<p class="intro">
This is some text that is appearing blown up
and ridiculous on Chrome Mobile.
</p>
</footer>
footer.primary {
max-height: 5000em;
}
-webkit-text-size-adjust
あなたが言及したプロパティは非標準であることに注意してください。詳しくはこちらをご覧ください。
現在、Chrome for Android はフォント ブースティングを使用してテキストを拡大縮小しており、これを無効にする方法はありません。
フォント ブースティングを無効にする方法が必要な場合は、ユース ケースを提供し、new.mcrbug.com経由で問題を記録してください。
Android の Firefox でも同じ問題が発生しました。
私にとっての解決策は、「float: left;」というスタイルを追加することでした。問題のテキストを含む div に。
残りの div に影響を与えないように、div の幅を親と同じ (ピクセルまたは 100%) に設定する必要がある場合があります。
モバイル ブラウザーでテキストのサイズが変更されないようにする方法を参照してください。
-webkit-text-size-adjust:none
はとても恐ろしいです!
私は目の部位が悪く、ページを常にデフォルトの 200% のズームにしています。では-webkit-text-size-adjust:none
、何も読めず、唯一の代替手段は Firefox を使用することです。最近ブラウジングするときの私の一番の問題です。
非常に多くのサイトがこれを使用しており、特に Web ページに埋め込まれた Facebook のコメントがそうです。その使用をやめて、あらゆるサイズのフォントで動作するインターフェイスを作成する必要があります。