Tag: em

响应式字体大小

我使用Zurb Foundation 3网格创build了一个站点。 每个页面都有一个很大的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 –> 当我将浏览器调整为手机大小时,大字体不会调整,并导致浏览器包含水平滚动以容纳大文本。 我注意到,在Zurb Foundation 3的排版示例页面上 ,标题与压缩和扩展的浏览器相适应。 我错过了一些非常明显的东西吗 我如何做到这一点?