こんにちは。
今回はGoogle Chromeでフォントサイズが効かない時のメモ書きです。
調べてみると下記のコードを入れたら変更できると書いてあったので入れてみたのですが、変更できず。
1 | -webkit-text-size-adjust: none; |
さらに調べてみると上記のコードは廃止になったらしいです。
で下記のコードが効果的でした。
ちなみにGoogle Chromeではデフォルトでは10pxが最小フォントサイズらしい。
これが原因ですね。
1 2 3 4 | -webkit-transform: scale(0.9); display: inline-block; -webkit-margin-start: -10px; font-size: 9px; |
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
以上でGoogle Chromeでフォントサイズが効かない時のメモ書きでした。