前々から気にはなっていたんですが、原因が良くわからないまま、今日まで至っています。
というわけで、この記事を使っていろいろ試して調査していこうかなと思います。
確実にフォントサイズが変わってしまうのが、<table>タグ
defaultのフォントサイズ
| defaultのフォントサイズ |
スマートフォンやタブレットだけで起きる現象なので、CSSの
font-size-adjust
が怪しいと睨んでいます。
font-size-adjust
に設定出来る値は、
none
auto
<パーセント>
他にも
inherit
initial
unset
も設定できるようです。
tableの外のフォントサイズ
| font-size-adjust:none;のフォントサイズ |
| font-size-adjust:auto;のフォントサイズ |
| font-size-adjust:50%;のフォントサイズ |
| font-size-adjust:100%;のフォントサイズ |
| font-size-adjust:150%;のフォントサイズ |
| font-size-adjust:inherit;のフォントサイズ |
| font-size-adjust:initial;のフォントサイズ |
| font-size-adjust:unset;のフォントサイズ |
<td>タグにstyle=で直接指定しています。
cssが利いているのかを確認するためにtext-align:right;を付けています。
全然変化が見られません。
-webkit-font-size-adjustを変化させてみます。
tableの外のフォントサイズ
| -webkit-font-size-adjust:none;のフォントサイズ |
| -webkit-font-size-adjust:auto;のフォントサイズ |
| -webkit-font-size-adjust:50%;のフォントサイズ |
| -webkit-font-size-adjust:100%;のフォントサイズ |
| -webkit-font-size-adjust:150%;のフォントサイズ |
| -webkit-font-size-adjust:inherit;のフォントサイズ |
| -webkit-font-size-adjust:initial;のフォントサイズ |
| -webkit-font-size-adjust:unset;のフォントサイズ |
なんにも変化しません。
何か見落としがあるのか、それとも見当違いのところを探しているのか、
謎は深まるばかり。
ではでは