bulma - 有效地调整字体大小

Posted

技术标签:

【中文标题】bulma - 有效地调整字体大小【英文标题】：bulma - adjusting typography sizing efficiently 【发布时间】：2019-07-04 12:55:57 【问题描述】：

我很难找出调整移动文本大小的最有效方法。我知道根据documentation，使文本大小响应屏幕相当简单，只需将is-size-*-mobile 类添加到一个元素，即可将移动设备的文本大小重置为* (1-7) 的值.哪些元素是执行此操作的最佳位置？例如，我希望能够将屏幕上的所有文本在移动设备上更改为 7 号，但到目前为止，我不得不将 is-size-7-mobile 类添加到页面上的几乎每个文本容器中。虽然这不是不可能的，但它似乎违背了通过 CSS 提供这样一个类的目的。

任何提示将不胜感激。

【问题讨论】：

【参考方案1】：

虽然它们缺少具体示例，但那些 Typography 助手旨在添加到包含您要修改的内容的元素中。

例如，如果您想修改整个文档，请考虑将其添加到正文元素：

<body class="is-size-7-mobile layout-documentation page-helpers">

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

【讨论】：

以上是关于bulma - 有效地调整字体大小的主要内容，如果未能解决你的问题，请参考以下文章

Linux(Deepin)的eclipse窗口字体大小怎样调整

调整大小后丑陋的字体，OpenGL

Autolayout，几个UILabels，每行，相同的字体大小？

如何在字体更改时停止 Tkinter Text 小部件调整大小？

MFC 静态文本如何调整字体大小

如何调整代码字体大小