忍者ブログ
04 May

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

21 June

クロムChromeでのみ文字フォントサイズが勝手に大きくなる現象

原因

html{
font-size:62.5%;
}
body{
font-size:14px;
font-size:1.4rem;
}

62.5%が無視され、100%に1.4remがかかってしまいドデカ文字サイズになったという現象。
remを使うと稀に起きるらしい。私も始めてなりました。

解決法

body > div{
font-size:14px;
font-size:1.4rem;
}

http://hazumu.net/blog/2014/02/24/body%E3%81%84rem%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E3%82%89chrome%E3%81%A7%E5%8B%9D%E6%89%8B%E3%81%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%8C%E5%A4%A7%E3%81%8D/

Scriptを追加する
http://n2p.co.jp/blog/tech/chrome-fontsize/


全ページにスプリクト埋め込むのがめんどうなので、1番目のcssに書くのを採用することにする。

PR