Zurb foundation ZURB基金会字体大小影响行宽 我在Zurb基金会设立一个新项目。我有一个问题,我希望几个css类与站点的其他部分具有不同的字体大小,但这样做会减少行的宽度

Zurb foundation ZURB基金会字体大小影响行宽 我在Zurb基金会设立一个新项目。我有一个问题,我希望几个css类与站点的其他部分具有不同的字体大小,但这样做会减少行的宽度,zurb-foundation,font-size,Zurb Foundation,Font Size,所以 第二行比第一行窄得多,因为我对其应用了.boxed类 关于Zurb基金会的最佳实践有什么想法吗? 非常感谢行宽占了内容的空间。因此,如果您的字号较小或填充空间较小,则占用的宽度较小,请您提供一把小提琴好吗? .boxed { font-size:0.8em; // or font-size:12px causes the same issue } <div class='row'> <div class='large-12 columns'> stuff

所以

第二行比第一行窄得多,因为我对其应用了.boxed类

关于Zurb基金会的最佳实践有什么想法吗?


非常感谢

行宽占了内容的空间。因此,如果您的字号较小或填充空间较小,则占用的宽度较小,请您提供一把小提琴好吗?
.boxed {
 font-size:0.8em; // or font-size:12px causes the same issue 
 }
<div class='row'>
 <div class='large-12 columns'>
  stuff goes here
 </div>
</div>
<div class='row'>
  <div class='row boxed'>
   More stuff here, smaller font-size
  </div>
</div>