Responsive Font Size
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I've created a site using the Zurb Foundation 3 grid. Each page has a large h1. CSS body {font-size:100%} /* Headers */ h1 { font-size:6.2em;font-weight:500; } HTML <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div><!-- End Tagline --> </div><!-- End Row --> When I resize the browser to mobile size the large font doesn't adjust and causes the browser to include a horizontal scroll to accomodate for the large text. I've noticed that on the Zurb Foundation 3 Typography example page , the headers