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

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

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

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

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/03/05 20:02:56
  • 終了:2011/03/12 20:05:02

回答(3件)

id:Galapagos No.1

Galapagos回答回数963ベストアンサー獲得回数892011/03/05 20:48:04

ポイント27pt

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

id:taroe No.2

taroe回答回数1099ベストアンサー獲得回数1322011/03/05 22:38:54

ポイント27pt

body {

font-size: 75%;

}

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

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

id:toki-2131 No.3

toki-2131回答回数138ベストアンサー獲得回数12011/03/05 23:31:36

ポイント26pt

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

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません