スマホのchrome系ブラウザから閲覧するとinline-blockとtableの文字が小さくなる現象。なんとblock要素でも発生しているのを確認してしまった。しかもほぼ同じ条件なのに小さくなってるところとなってないところがある。おげぇェ…。

仮説を立ててみた

ピクセルの算出にバグがあるのでは
可能性がありそうなのがこれ。
今のところフォントサイズはhtmlでピクセル指定して、以下全てemかremで指定しているわけだけれど、emやremからpxになおす際の計算がうまくいってないのでは…という仮説。
スマホ表示の際のhtmlでのフォントサイズは14pxにしているので、もしかしたら小数点以下の処理がうまくいってないのかもしれないし、単に計算がバグってるだけかもしらん。
ただ、emもremも指定していない筈のpタグにさえ縮小現象が起きているので、この仮説はハズレの可能性も高い。
検証したいところだけれど、面倒くさいんだよな…ソース書き換えてアプロしてスマホブラウザのキャッシュ消して…っていう一連の流れが…。 #web