CSSのレスポンシブフォントサイズ
Zurb Foundation 3グリッドを使用してサイトを作成しました。各ページには大きいh1： body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> コードスニペットを実行する結果を非表示スニペットを展開 ブラウザのサイズをモバイルサイズに変更すると、大きなフォントが調整されず、大きなテキストに対応するためにブラウザに水平スクロールが含まれます。 私は上のことに気付きましたZurb財団3タイポグラフィの例のページそれを圧縮して展開されているように、ヘッダがブラウザに適応します。 私は本当に明白なものを見逃していますか？どうすればこれを達成できますか？