まえがき デザイン重視で読みやすさなんて無視!ってサイトはよくあります。この前そういうサイトを「こんな文字小さかったら誰も読めないだろ」とか思いながらコーディングしていたら驚愕の事実を知りました。 CSSでfont-sizeを10pxより小さくしてもGoogle Chromeでは10px以下にならない! デザインにうるさい人に「いや~ブラウザの仕様で文字の大きさこれ以上小さくならないんすよ」とか言ったって分かってもらえるわけありません。 結果、どうにかなったのですが解決するまで地味に時間かかったので他の人が同じ轍を踏まないように記事にします。 「-webkit-transform」を使用してChromeだけ文字を無理やり縮小する CSS3のプロパティ「transform」は要素の移動、拡大縮小、回転なんかを制御できる優れものです。 その「transform」を使って10pxの文字を丁度いい