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