我很难找出调整移动文本大小的最有效方法。我知道每个 documentation ,使文本大小响应屏幕相当简单,只需添加 is-size-*-mobile
class 到元素以将文本大小重置为值 *
(1-7) 用于移动设备。什么元素是最好的地方呢?例如,我希望能够在移动设备上将屏幕上的所有文本更改为 7 号,但到目前为止我不得不添加 is-size-7-mobile
类到页面上的几乎每个文本容器。虽然这并非不可能,但它似乎违背了通过 CSS 提供这样一个类的目的。
任何提示将非常感谢。
最佳答案
虽然他们缺乏一个具体的例子,那些排版助手旨在添加到包含您要修改的内容的元素 .
例如,如果您想修改整个文档,请考虑将其添加到 body 元素中:
<body class="is-size-7-mobile layout-documentation page-helpers">
上面的示例适用于您在问题中喜欢的文档页面。只需按 F12,添加修饰符,瞧,所有页面都会更改文本大小。
关于css - bulma - 有效地调整排版大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54623637/