harmonyos2-css-modularscale:内置于CSS中的模块化比例计算器http://modularscale....

和声2 模块化秤 模块化量表是具有相同关系的值列表。 这些值通常用于确定字体大小并在设计中营造和谐感。 从我们手指上的关节间距到树上的树枝，模块化尺度内的比例无处不在。 自古希腊时代以来，这些自然比例就一直在建筑和设计中使用，并且可以成为网页设计师利用的非常有用的工具。 Ems 与模块化尺度配合得特别好，因为它们的递归属性模仿模块化尺度，使它们更可预测且更易于管理。 像素和其他单位工作得很好，响应式网页设计中的断点自然会落在您的规模上，以便与您的文本建立更好的相关性，因为布局中的所有值都相互协调。 首先，您需要选择一个比率和一个基值。 基值通常是您的文本字体大小或 1em。 此基本尺寸与黄金比例或任何音乐比例等比例配对将创建您共享此比例的值的比例。 安装 npm install css-modularscale 然后，在你的 css 中： @import "css-modularscale" 兼容性 css-modularscale在创建时考虑到了未来的 CSS 语法。 有关 CSS 变量和规范的更多信息，请参阅 。 您可以使用任何支持自定义属性的 CSS“后处理器”，例如 或 。 如