![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
IEとFirefoxで、H1タグのフォントサイズの違いについて教えてください。
フォント指定をしたDIVタグ内にH1タグを書くと、サイズが変わります。
例?
--IEで見ると、両方同じ。Firefoxで見ると1つ目が小さい。
<div style="font-size:9pt;"><h1>あああ</h1></div>
<h1>あああ</h1>
例?
--IEで見ると、両方同じ。Firefoxで見ると1つ目が大きい。
<div style="font-size:22pt;"><h1>あああ</h1></div>
<h1>あああ</h1>
これはどのような影響を、どのような法則で受けているのでしょうか。
![「IEとFirefoxで、H1タグのフォン」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/9/17207960_5497bc7e5a7e4/M.jpg)
No.2ベストアンサー
- 回答日時:
IEの有名な・・致命的なバグです。
font-sizeは、CSSでは「継承する」となっていますが継承しない。
また、11pxより下のサイズは大きくなります。
そのため、
<h1 style="font-size:80%">あああ</h1>
<h1>あああ</h1>
<h1 style="font-size:130%">あああ</h1>
のように指定します。
IEのバグなのですね。。Firefox側の問題かと思ってあれこれ探していました。
親要素の影響を継承しないので、H1タグに直接スタイル指定するしか無いということでしょうか。
色々サイトを見ていると、「サイズを%指定するとIEとFirefoxでサイズが微妙に違う」と書いているものがありましたが、私の目には同じように見えます・・・実際のところどうなのでしょう。
諸事情により同じように見せたいので、ptで指定しようかと考えています。
ご回答ありがとうございました。
No.1
- 回答日時:
IEのツールメニューから、インターネットオプションを開き、
「全般」タブの右下、「ユーザー補助」ボタンを押して表示されるダイアログの
「Webページで指定されたフォントサイズを使用しない」のチェックを外して下さい。
これでスタイルシートや<font>で指定されたフォントサイズで表示されるようになります。
Firefoxでスタイルシートや<font>のフォントサイズ指定を無視するには、
ツールメニューのオプションから、
コンテンツタブの「フォントと配色」の項目の「詳細設定」をクリックし、
「Webページが指定したフォントを優先する」
のチェックを外して下さい。
ご回答ありがとうございます。
教えていただいた方法で設定を変えてみましたが、私が望んでいた結果にはなりませんでした。
でも、こんなところの設定を変えるなんて思いつかなかったので
いい勉強になりました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<pre>タグ内のフォントサイズに...
-
エクセルで文字が勝手に大きく...
-
テーブル内の文字サイズを変更...
-
コピーライト記号の表示が小さい
-
”ヒラギノ明朝Pro”をWindowsで...
-
CSSです。英数字のみArial書体...
-
【DreamWeaver】「コード」画面...
-
セレクトボックスの幅を指定し...
-
ペイント3Dのテキストサイズ変更
-
同じブラウザでレイアウトが崩...
-
パソコン操作に詳しい方に質問...
-
インラインフレーム内の文字を...
-
忍者ブログ 文字サイズ変更
-
入力規則のリストの文字の大き...
-
5メートル離れた人が読むのに適...
-
alertで表示させる文字サイズは...
-
マイクロ(μ)の文字を半角で出...
-
outlook 文字を揃えたい。tab...
-
txtは Wordでの明朝がゴシック...
-
教えてください。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
奇数のフォントサイズ指定について
-
HTMLでHGPゴシックEを表現する...
-
CListCtrlで行の高さを指定した...
-
<table></table>内のFONT指定に...
-
MoveWindowで位置だけ変更する...
-
HTMLテキストボックス内の文字...
おすすめ情報