■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

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と同じフォントサイズにて表示されていました。

こんな初歩的なところに気付かなかったのが恥ずかしい限りです、、、、
ありがとうございました。
ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
19 人のユーザが現在オンラインです。 (17 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 19