menu

标题

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

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

区块

区块主要用于强调或引用。您也可以使用这些来进行一些额外的文本层次结构和强调。

这是一个使用blockquote标记的引用示例。
这是另一条线,让它看起来更大。

    <blockquote>
    这是一个使用blockquote标记的引用示例。
    </blockquote>
          

弹性文本

触发弹性文本

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

要查看流文本的作用,请慢慢调整浏览器的大小,并观察文本正文的大小变化!使用上面的按钮来切换关闭/打开流文本,以查看差异!


要在文本内容上使用弹性文本,只需添加类flow-text到一个标签上,如下代码。


    <p class="flow-text">我是弹性文本</p>