bcColorsテーマでのブラウザ間のフォントサイズの差異について
pupurin3 > bcColorsテーマでのブラウザ間のフォントサイズの差異について @ 2015/5/8 18:12 |
---|
bcColorsテーマを使用しております。
普段Firefox(最新版)を使用して製作しているのですが、IE、Chromeで確認したところ、Firefoxのみフォントが2回りぐらい小さく表示されていることが判明しました。 IE、Chromeでは同じ大きさになっているようです。 bcColorsのデモサイトを見たところ、こちらもやはりブラウザ間でフォントサイズに差異があるようです。 ちなみにテーマのstyle.cssでのフォントサイズ関連では html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } div, p, li, dt, dd { font-size: 14px; font-size: 1.4rem; } #GlobalNavigation li a { font-size: 16px; font-size: 1.6rem; } となっております。 私が使用しているFirefoxの問題か?とも思いましたが、今までemや%表記で製作してきた他のサイトはブラウザでの差異なく表示されておりますので、 やはりcss表記の問題かなと思い質問させていただきます。 アドバイスのほど、お願いいたします。 ■ BaserCMSのバージョン:3.0.2 ■ レンタルサーバー名:ミライレンタルサーバ ■ スマートURLの利用: [OFF] ■ 設置フォルダ: [サブフォルダ] ■ 利用しているデータベース: [MySQL] ■ PHPスキル(自己評価): [ E ] |
goichi > Re: bcColorsテーマでのブラウザ間のフォントサイズの差異について @ 2015/5/8 23:11 |
---|
あまり詳しくもないのですが、ちょっと気になったので投稿しています。
引用: 今までemや%表記で製作してきた他のサイトはブラウザでの差異なく表示されておりますので、 今回、emや%ではなく、remを使ってありますので、ルートのフォントサイズ(62.5%)が影響してるんじゃないでしょうか? 例えば、Firefoxのデフォルトのフォントサイズの設定はどうなっていますか? IEやchromeは16pxくらいだと思います。 (もしかしたら、なにかの拍子にFirefoxの設定が変わっているのかもしれません。) 全然、関係なかったらすみません。。。。あまり参考にならないかも知れませんが、投稿しておきますm(__)m |
pupurin3 > Re: bcColorsテーマでのブラウザ間のフォントサイズの差異について @ 2015/5/8 23:35 |
---|
goichi 様
Firefoxでのフォントサイズを見てみたところ、14pxになっていました。 (Firefoxのデフォルトは16pxのようですが、おっしゃる通り何かの拍子で設定が変わっていたようです) 16pxに変更してbcColorsテーマを見てみたところ、IE、Chromeと同じフォントサイズにて表示されていました。 こんな初歩的なところに気付かなかったのが恥ずかしい限りです、、、、 ありがとうございました。 |