Google Chrome で CSS が 12px 未満のフォント サイズを設定する無効な問題を解決する方法 Chrome で 12px 未満のテキストを実装する方法

Chromeで12px以下の文字を実現する方法について。
もちろん、テキストを 12px 未満に減らすと、ユーザビリティにある程度影響しますが、Chrome のこの機能は無視することをお勧めします。

Google Chrome のデフォルトの最小フォントは 12px で、12px より小さいフォントは 12px で表示されますが、特に英語の Web サイトを作成する場合など、フォントを小さくする必要がある場合があり、非常に苦痛です。ただし、解決策はあります。

Google Chrome 固有の属性を HTML または本文に追加します。

html,
body {
    -webkit-text-size-adjust: 100%; //也可以设置为none(推荐用100%)
}

もちろん、transform:scale(.9); を使用してテキスト サイズを小さくすることもできますが、ギザギザが発生しやすく、特定のフォント サイズのピクセルを見つけるのは簡単ではありません。

おすすめ

転載: blog.csdn.net/qq_37860634/article/details/135222214