流体式秤发生器
根据两个视口宽度的最小和最大尺寸计算真实的流体 CSS lamp() 值,并逐步显示斜率和交叉点以及实时调整大小预览。
处理中...
0%
结果
此页面直接在字体比例模式下打开计算器,并已选择 16 像素基础和 1.25(大三分之一)比例 - 一个可靠的、广泛使用的印刷比例起点。仅根据这两个数字,就生成了六种尺寸:小、基本、h4、h3、h2 和 h1,每个尺寸都有自己的 Fluid Clamp() 值,而不是单个固定尺寸。
每一步都将基本尺寸固定在移动端和桌面端的相同值,而标题在较宽的桌面视口上比在较窄的移动视口上放大得更积极——这与为小屏幕选择较柔和的比例、为大屏幕选择较粗的比例相同,都是从您选择的单一比例自动得出的。
将比率更改为 1.125、1.2、1.333 或 1.5 会立即重新生成整个表格,下面的按钮会将所有六个 Clip() 值复制为 CSS 自定义属性的准备粘贴块,以供样式表的其余部分引用。