フォントサイズがWINとMACHINEで違う

Question

グローバルナビを別ファイルから呼んできているのですが、WINとMACでフォントサイズが違い、WINで調節をしたため、MACで表示されると、スクロールバーが表示され、スクロールされます。
これを防ぐにはどのような設定をすればいいでしょうか？

<div id="nav">
    <!-- ナビを呼び出し -->
    <iframe id="nav" src="nav/nav.html" frameborder="no"></iframe>
</div>

#nav{	
	padding-top: 13px;

    height: 60px;
    width: 100%;
}

呼び出しと、そのCSSです。

Comments

[shi_ue]

ソースが無いとさすがに分からないですね。再現可能な最低限のソースコードを提示してください。

Answer 1

1.Win,Mac両方に共通してインストールされているシステムフォントをfont-familyで指定する（游ゴシック体等）
2.可能であればWebフォントを指定してみる
3.スクロールバーが出てほしくない要素にoverflow:hidden;を入れてみる

とかですかねぇ。
ソースも何もないのでこれ以上は何とも……

Comments

[ryo-dev]

overflow:hidden;
を使うと、高さを60pxに指定してあるにも関わらず、高さが40pxぐらいになってしまいます。

[ryo-dev]

WEBフォントを使用することにしました。