css - bulma - 有效地调整排版大小

标签 css responsive-design responsive bulma sizing

我很难找出调整移动文本大小的最有效方法。我知道每个 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/

相关文章:

html - 如何在下划线(wordpress)上制作响应式排版?

javascript - Div 和图像不缩放,响应能力

html - 制作一个响应式按钮,使其保持在图像顶部的相同位置

css - fieldset 不遵循其父项的高度

css - 设置内联表单的表单宽度 - 响应式 Bootstrap

Galaxy S3 的 CSS 媒体查询

html - float /清除 Div,响应式设计

html - 在我的例子中,如何设置具有百分比高度和宽度的 div?

javascript - Canvas 点绘图在调整大小后不缩放

javascript - 如何通过指示高度使图像成为屏幕的整个宽度