- 締切済み
IE7で○の記号が小さく表示されてしまいます
IE7で○の記号が小さく表示されてしまいます。 調べたところ、IE7のバグで文字コードにutf-8を使用してフォント指定をしない場合に起きるようです。 以下のサイトを見てコードを修正したのですが、○のサイズは小さいままでした。 http://blog.btmup.com/web-general/ie7-symbol-small.html こちらのサイトの文字コードはutf-8ですが、○は正常なサイズで表示されます。 http://okwave.jp/qa/q4611331.html 何が悪いのでしょうか？ どなたかご指摘をお願いします。 /**** ソースコード ****/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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）
- 専門家の回答
みんなの回答
- naokita
- ベストアンサー率57% (1008/1745)
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>
お礼
どうもありがとうございました。