0

16 像素至 24 像素流体字体大小

根据两个视口宽度的最小和最大尺寸计算真实的流体 CSS lamp() 值,并逐步显示斜率和交叉点以及实时调整大小预览。

处理中... 0%

结果

将字体大小从 16px 流畅地缩放到 24px 是 CSS lamp() 搜索中最常见的问题之一,因为 16px 是几乎通用的正文默认值,而 24px 是稍大的标题或引导段落的常见步骤。此页面将打开计算器,并在 320 像素到 1280 像素的视口范围内预先填充该对,因此在加载时,clamp() 行就已准备就绪。

如果您只需要相当于 16px 或 24px 的静态 rem 或 em,而不需要任何基于视口的缩放,则 px 到 rem 转换器可以一步解决这一问题;该计算器适用于当浏览器窗口调整大小时值本身应平滑变化而不是固定在一个 rem 值的情况。

下面的细分准确地显示了 16px 和 24px 如何转变为斜率、vw 系数和 y 轴交点,并且实时预览滑块可让您在 320–1280px 范围内拖动,以实时观察文本从一种尺寸变为另一种尺寸,然后再将 CSS 行复制到样式表中。