IE7で○の記号が小さく表示されてしまいます。調べたところ、IE7のバグで文字コードにutf-8を使用してフォント指定をしない場合に起きるようです。以下のサイトを見てコードを修正したのですが、○のサイズは小さいままでした。 http://blog.btmup.com/web-general/ie7-symbol-small.html こちらのサイトの文字コードはutf-8ですが、○は正常なサイズで表示されます。 http://oshiete.goo.ne.jp/qa/4611331.html 何が悪いのでしょうか？どなたかご指摘をお願いします。 /**** ソースコード ****/ body { font-family: Osaka,"ＭＳＰゴシック","MS PGothic",Sans-Serif; } test ○ ● △ ◎

IE7で○の記号が小さく表示されてしまいます

解決済

質問者：diz108
質問日時：2010/02/14 10:56
回答数：1件

IE7で○の記号が小さく表示されてしまいます。

調べたところ、IE7のバグで文字コードにutf-8を使用してフォント指定をしない場合に起きるようです。
以下のサイトを見てコードを修正したのですが、○のサイズは小さいままでした。
http://blog.btmup.com/web-general/ie7-symbol-sma …

こちらのサイトの文字コードはutf-8ですが、○は正常なサイズで表示されます。
http://oshiete.goo.ne.jp/qa/4611331.html

何が悪いのでしょうか？
どなたかご指摘をお願いします。

/**** ソースコード ****/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<style type="text/css">
body {
font-family: Osaka,"ＭＳＰゴシック","MS PGothic",Sans-Serif;
}
</style>

<body>
<p>test</p>
<select>
<option value="1">○</option>
<option value="2">●</option>
<option value="3">△</option>
<option value="4">◎</option>
</select>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： naokita
回答日時：2010/02/14 18:34

fontやブラウザ,設定環境に依存する。

記号なので特に。
list-styleの行頭記号でさえもブラウザによって違うし、
デフォルト以外のユーザーに強制的に大きく見せる事は出来ない・・・
-----------------------------------
以下で違いが理解できるかもしれない。

.p1{
font-family:'ＭＳＰゴシック','MS PGothic',Sans-Serif;
}
.p2 {
font-family:Arial,Helvetica,Times New Roman;
}
.p3 {
font-family:Osaka, Sans-Serif;
}

<p class="p1">○●◎□■◇◆△▲▽▼×ο</p>
<p class="p2">○●◎□■◇◆△▲▽▼×ο</p>
<p class="p3">○●◎□■◇◆△▲▽▼×ο</p>
<select class="p1">
<option value="1">○</option>
<option value="2">●</option>
<option value="3">△</option>
<option value="4">◎</option>
</select>
<p style="font-family:'メイリオ',Meiryo;">
○●◎□■◇◆△▲▽▼×ο
メイリオ',Meiryo,　IEではこの中間サイズになる</p>