2013年12月20日金曜日

Google Chrome でフォントサイズを10pxより小さくする

Google Chrome にはフォントを自動で調整する機能が付いているらしく、"font-size:8px;"とか指定しても10pxより小さくはならない。
で、以前は以下のような記述で回避していた。
<p style="
  font-size: 8px;
  -webkit-text-size-adjust: 100%;
">小さい文字</p>
が、意図しない使われ方ばっかりされていたせいで廃止になってしまったんだと。
なので今は以下のような対応をしてみている。
<p style="
  font-size: 8px;
  -webkit-transform: scale(0.8);
  display: inline-block;
  -webkit-margin-start: -10px;
">小さい文字</p>

0 件のコメント:

コメントを投稿