web-dev-qa-db-ja.com

-webkit-text-size-adjustは何をしますか？

-webkit-text-size-adjust:none;の使い方を理解しようとしています。

Android（chrome）またはiOS（safariとchrome）でフォントサイズに影響を与えない追加/削除。

androidioscsswebkit
18
user1437328
-webkit-text-size-adjust

これは、ブラウザページがズームされたときに、あなた（作成者）がテキストのサイズを変更したい場合に指定します。ほとんどの場合、Webブラウザーがテキストのサイズ変更方法を処理するため、autoまたは100%に設定することをお勧めします。

注：Mozillaの開発者のページには 非標準 と記載されています

これ 記事 がさらに役立ちます。

興味深い注： Twitter Bootstrap を使用している開発者は、Bootstrapが‑webkit‑text‑size‑adjust: 100%をそのまま使用することを知っていることに興味があるかもしれません： Source Link

編集

Chrome on Android携帯電話は フォントブースティング を使用するため、-webkit-text-size-adjustは無視されます設定した値に関係なく、max-heightを大きな値に設定することでフォントのブーストを無効にできます（100000pxなど）これを参照してください バグ 。

9
Amandeep Jiddewar

-webkit-text-size-adjustは 実験的テクノロジー で、iPhoneのSafariでテキストコンテンツを表示するためのサイズ調整を指定します。それは3つのタイプの値を取ります：

  • none：テキストサイズは調整されません。

  • auto（デフォルト）：iPhoneのSafariでは、テキストサイズが自動的に調整されます。

  • IPhoneのSafariでテキストを表示する割合のサイズ。

一部のモバイルブラウザーのみが、iOS以外でこのCSSプロパティをサポートします。互換性を確認できます ここ

3
Eli

-webkit-text-size-adjustの公開された仕様はないようですが、たとえば、非公式 description 、これはiPhoneのSafariで動作することを示しています。

CSSモバイルテキストサイズ調整モジュールレベル （編集者の下書き）によると、autoは初期値であるため、-webkit-text-size-adjust:noneは、設定を上書きする場合にのみ効果がありますプロパティを別の値に変更します。おそらく-webkit-text-size-adjustは、計画されているtext-size-adjustプロパティとほとんど同じように機能します。

1
Jukka K. Korpela