サイトのメニュー部分を、主な最新のブラウザ上で、

できる限り、同じフォントサイズで表示させたいのですが、
スタイルシートには、px % em 等々あり、どれを使ってよいのかわかりません。

現在フォントサイズは、CSSで下記の通り設定されています。

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

IEでは、理想的な大きさで表示されるのですが、
FirefoxとGoogle Chrome では、フォントがIEよりも大きく表示されてしまい、
メニューがずれてしまいます。

提示できる情報が少なくて、恐縮なのですが、
どのようにCSSを設定すれば良いか、教えていただけると助かります。
『これを試してみれば』的な、回答でも結構です。
よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2011/03/12 20:05:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答3件)

id:Galapagos No.1

回答回数963ベストアンサー獲得回数89

ポイント27pt

YUI 2: Fonts CSSが参考になります。

id:taroe No.2

回答回数1099ベストアンサー獲得回数132

ポイント27pt

body {

font-size: 75%;

}

スタイルシートにこれを追加してみてください。

http://se-suganuma.blogspot.com/2010/07/cssiefirefoxfont-size.ht...

id:toki-2131 No.3

回答回数138ベストアンサー獲得回数1

ポイント26pt

説明をわかりやすくhttp://www.yahoo.co.jp/

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません