2017-5-26
[CSS]雑多メモ
わざわざ一つの記事にするものでもないやつの寄せ集め。
code タグ内の文字が Chrome 等 Webkit 系で小さくなる
原因
Webkit 系のブラウザは、monospace 系のデフォルトフォントサイズが小さい。（具体的には通常フォントサイズが 16px だが、monospace 系は 13px）
なので、root 要素で%指定して rem でフォントサイズをしたりしてると、code タグ内だけ小さくなる。
解決法
font-family: monospace, sans-serif;
混在させると、sans-serif(serif でも可)の方のデフォルトフォントサイズが優先される。