bulma - 有效地调整排版大小

the*_*ope 6 css sizing responsive-design responsive bulma

我很难找出调整移动文本大小的最有效方法。我知道根据文档,使文本大小响应屏幕非常简单,只需将is-size-*-mobile类添加到元素中即可将*移动设备的文本大小重置为(1-7)的值。什么元素是最好的地方呢?例如,我希望能够在移动设备上将屏幕上的所有文本更改为 7 大小,但到目前为止,我不得不将该is-size-7-mobile类添加到页面上的几乎每个文本容器中。虽然这并非不可能,但它似乎违背了通过 CSS 提供这样一个类的目的。

任何提示将非常感谢。

Mar*_*cel 0

尽管它们缺少具体的示例,但这些Typography 帮助程序应该添加到包含您要修改的内容的元素中。

\n

例如,如果您想修改整个文档,请考虑将其添加到 body 元素中:

\n
<body class="is-size-7-mobile layout-documentation page-helpers">\n
Run Code Online (Sandbox Code Playgroud)\n

上面的示例适用于您在问题中喜欢的文档页面。只需按 F12,添加修饰符,然后 voil\xc3\xa0,所有页面都会更改文本大小。

\n