返回微言工具箱

CSS 单位与 clamp

结合根字号、视口和参考尺寸完成前端单位换算,生成响应式 CSS。

换算 px、rem、em、vw、vh、百分比并生成 clamp。 · 关键词:CSS 单位、px 转 rem、rem、em、vw、vh、clamp、响应式

常见问题

为什么 em 和百分比需要参考值?

em 取决于当前元素字号,百分比取决于具体 CSS 属性的参考尺寸,因此需要填写上下文。

clamp 适合哪些场景?

适合在手机和桌面宽度之间平滑缩放字号、间距或尺寸,并限制最小值和最大值。