こんにちは。

今回はGoogle Chromeでフォントサイズが効かない時のメモ書きです。

調べてみると下記のコードを入れたら変更できると書いてあったので入れてみたのですが、変更できず。

[css]-webkit-text-size-adjust: none;[/css]

さらに調べてみると上記のコードは廃止になったらしいです。
で下記のコードが効果的でした。
ちなみにGoogle Chromeではデフォルトでは10pxが最小フォントサイズらしい。
これが原因ですね。

[css]-webkit-transform: scale(0.9);
display: inline-block;
-webkit-margin-start: -10px;
font-size: 9px;[/css]

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

以上でGoogle Chromeでフォントサイズが効かない時のメモ書きでした。