Google のデフォルトの最小フォント 12 ピクセル (css、html)_html/css_WEB-ITnose の正しい解決策

今日の朝礼で、製品側からフォントサイズを従来の12pxサイズから小さいサイズに変更して欲しいとの要望があり、大変だなと思いながら、軽い気持ちで承諾しました。意外なことに、CSSを変更すると、Google Chromeのフォントサイズが12px未満の場合、フォントが縮小されなくなりました。その時の私の最初の反応は、他の CSS がフォントをカバーしていないかということでした。長い間探しましたが、何も見つかりませんでした。つまり、Baidu だけが関与しており、その結果は本当に驚くべきものでした。Google および Google ベースのブラウザでは、中国語の最小フォント サイズが 12 ピクセルしかないことが判明しました。これがバグなのか、それとも Google の人道的な設計なのかはわかりません。たくさんあるとしても、とにかくこの問題を解決しなければなりません~これは古典的な互換性の問題なので、解決策はたくさんあるはずです。驚くべきことは、Baidu では、インターネット上のすべてのソリューションが驚くほど似ているということです:

html{

-webkit-text-size-adjust:none;

}

それから私はそれを楽しく使いました 後から知りましたそれは役に立たなかったということ。後で情報を確認したところ、この属性のサポートは Chrome 27 以降に削除されたことがわかりました。くそー、これは嘘じゃないですか？別の解決策が見つかりました:

.small-font{
font-size: 12px;
-webkit-transform-origin-x: 0;
-webkit-transform:scale(0.90) ;
用はズームを使用します。 CSS3。最終的なサイズは 12px * 0.9 (拡大縮小率) = 10.8px です。しかし、振り返ってみると、このように書くと、IE7とIE8は互換性がなくなるのか、それとも12pxになるのか？予想通り、互換性はありません。この時点で、スタイルのフォント サイズを追加する必要があるかどうかを振り返って考えました。試してみたところ、確かにGoogle、IE7、IE8と互換性がありました。 コードは次のとおりです。

-webkit-transform:scale ( " ="small-font smallsize-font"> 暖かいリマインダー:

よく考えたら、他の人もこの問題に遭遇するかもしれないし、もう無駄にはできないオンラインの方法では解決できないので、このエッセイを書きました〜

はは〜やっと書き終わりました、初めてなので緊張します〜