質問: iframeで作成したヘッダーカテゴリがgooglechromeだけうまく表示されない いつもお世話になっております。ただ今、商品カテゴリをiframeにてヘッダーに設置しているのですが、ieやfirefoxではすべてのカテゴリーが表示されているのに対し、googlechromeで確認するとカテゴリーがはみ出してしまい、一部表示されません。ちなみに、楽天、yahoo!、ポンパレで同じ症状が出ております。改善策はありますでしょうか?よろしくお願いいたします。
回答: ecマスターズの田中です。レフトナビの、「インフォメーション」以下の部分に関するお話ということでよろしいでしょうか。ieやfirefoxでは「ms pゴシック」というフォント(書体)で、chromeでは「メイリオ」というフォントでそれぞれ文字が表示されているのですが、「ms pゴシック」での表示時に横幅を合わせたところ、「メイリオ」で表示した時に文字の横幅が広くなり、結果として単語の横幅がはみ出してしまう、という結果になっております。windowsだけを対象にするのであれば、body { font-family: "ms pゴシック"; }上記スタイルシートを適用していただくことで現在の横幅に収めることはできますが、macでも同様に横幅からはみ出ておりますので、可能であれば、文字を若干小さくするなどして、chromeでも問題なく表示されるよう修正していただくことをオススメいたします。