html - ZURB Foundation - 如何更改字体大小?

标签 html css responsive-design zurb-foundation

我对如何在 ZURB 中实现字体大小感到困惑。

我有一个页面:

标题:

[2-col][2-col][2-col][2-col][4-col]

主要内容:

[4-col][4-col][4-col]

默认字体大小为 16 像素,但我希望“页眉”类型为 21 像素。但是,更改 Header 字体大小会导致它脱离网格(我想它会以某种方式影响行的宽度)。

如何在不影响行宽的情况下使标题中的字体变大?

我做了一个example jsbin here演示问题。

**Screenshot of Problem**

最佳答案

只需添加正确的范围(在本例中,在 div#nav 之后添加 div.columns):

div#nav div.columns {
   font-size: 21px;
}

如果您使用 SASS,请在此处查看我的回答: foundation zurb change font-size and full width

关于html - ZURB Foundation - 如何更改字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19302345/

相关文章:

javascript - 从特定列中获取值

multithreading - 是否准确地说每个响应输入的程序都有一个无限循环的主线程?

html - 带有h3标签的图像向下滑动

jquery - jquery Parallax 的跨浏览器滚动问题

html - 制作垂直分隔符的CSS

jquery - 动画 - Css 中的 scrollTop

html - 是否需要将 DIV 的边距和填充归零?

css - 响应式电子邮件模板 android 2.3.6

css - 基于内容的响应圈

html - 根据 CSS 类在另一个图像之上添加图像