remとか調べたのでフォントサイズ変えてみた

カスタマイズ

Twenty Elevenのテーマのフォントサイズはデフォルトが87.5%だったのを100%に変更してみました。 ブラウザ指定のフォントサイズが16pxだと、16px * 87.5% = 14pxで表示されるわけですね。 なので100%だと16pxになります。

style.css
 /* =Basic structure -------------------------------------------------------------- */ /* Body, links, basics */ html { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }

他のフォントサイズはrootのフォントサイズ（87.5%のとこね）を基準にremで指定されているので、bodyでは1rem=14pxですね。 pxでも指定されているのはIE対策だと思うのでとりあえず無視（IEを）。