菜单

标题

我们在标题标签上提供了一些基本样式。在示例中,你可以看到 6 个标题标签的不同大小。

标题 h1

标题 h2

标题 h3

标题 h4

标题 h5
标题 h6

引用块

引用块主要用于强调引文或引用。你还可以使用它们来增加一些额外的文本层次结构和强调。

这是一个使用引用块标签的示例引文。
这是另一行,让它看起来更大。

    <blockquote>
      This is an example quotation that uses the blockquote tag.
    </blockquote>
          

流动文本

切换流动文本

我们在许多框架中看到的一个常见缺陷是缺乏对真正响应式文本的支持。虽然页面上的元素可以流畅地调整大小,但文本仍然在固定基础上调整大小。为了解决这个问题,对于文本繁重的页面,我们创建了一个类,可以流畅地缩放文本大小和行高,以优化用户的可读性。行长保持在 45-80 个字符之间,行高会缩放,以便在较小的屏幕上更大。

要查看流动文本的实际效果,请缓慢调整浏览器的大小,并观察此文本正文大小的变化!使用上面的按钮来打开/关闭流动文本,以查看差异!


要在文本正文上使用流动文本,只需将类 flow-text 添加到标签即可,请参见下面的代码。


    <p class="flow-text">I am Flow Text</p>