2017-5-26

[CSS]雑多メモ

雑な技術メモ

わざわざ一つの記事にするものでもないやつの寄せ集め。

code タグ内の文字が Chrome 等 Webkit 系で小さくなる

原因

Webkit 系のブラウザは、monospace 系のデフォルトフォントサイズが小さい。(具体的には通常フォントサイズが 16px だが、monospace 系は 13px)

なので、root 要素で%指定して rem でフォントサイズをしたりしてると、code タグ内だけ小さくなる。

解決法

font-family: monospace, sans-serif;

混在させると、sans-serif(serif でも可)の方のデフォルトフォントサイズが優先される。

参考

font-family: monospace;だと文字が小さくなる - しらいとブログ