質問: HTML&CSS を勉強してオリジナルサイトを作成しました。 IEでは正常に表示されるのに、昨日よりグーグルクロムでは表示がみだれます。いろいろ試してみたのですが、知識不足の為原因がわかりません。 初心者の為、ソースも未熟です。 よろしくお願い致します。 ``` ヘッダーとナビ(全ページに反映)に改行が入ってしまう。 ``` ### 該当のソースコード 共通のテーマは「癒し」|指から生まれる創造力を楽しむサイト ログイン ホーム 初めての方へ コラボレーター お問い合わせ ``` .title { font-size: 14px; } #nav li { display: inline; /* ナビを横並びにする */ list-style-type: none; /* 黒丸を消す */ padding: 0 12px 0 8px; } #nav { margin: 0 448px 30px 0; padding: 10px 10px 10px 15px; background-image: url(../images/navi00.png); } ``` ### 試したこと cssで、widthの数値を変えてみた。 ### 補足情報(言語/FW/ツール等のバージョンなど) オリジナルサイト http://finger-pasochi.com Google Chrome: バージョン 56.0.2924.76
回答: ``` body{ font-family:MS Pゴシック; } ``` とか入れてフォントを変えてあげてください なぜこうなったかというと、chrome56になった時 デフォルトのフォントがメイリオになったから 案外この手の情報はtwitterとかの方が載ってることがあるから、ブラウザが更新されるときはチェックしている