コメント:Google Chromeは12px未満の小さなフォントをサポートしていません。いくつかの優れたソリューションをオンラインで検索できます。興味のある友達はそれを参照できます。私はそれが誰にでも役立つことを願っています。
Google Chromeは12px未満の小さなフォントをサポートしていません。これは、ユーザーエクスペリエンスのためかもしれません。インターネット上には、使用できるという記事もいくつかあります。
-webkit-text-size-adjust:none;
ただし、Chrome 27以来、この属性のサポートはキャンセルされています。
この問題を解決する他の方法はありますか?
Google ChromeはCSSスケーリングをサポートしているため、これに関する記事を作成できます。
-webkit-transform:スケール(0.5);
最小サポートは12pxであるため、ベースポイントとして12pxでスケーリングします。
同時に、-webkit-transform-origin-x:0を使用できます。スケーリング後のマージン左の変位問題を解決するには:
.test_tag {
フォントサイズ:12px;
-webkit-transform-origin-x:0;
-webkit-transform:スケール(0.5833333333333333334);
}
スケール値の計算方法は、7 /12 = 0.5833333333333333334です。