响应式断点计算
响应式断点计算器,根据设计稿宽度计算 rem/vw/clamp() 值
响应式断点计算功能亮点
rem/vw/clamp 三合一
一次计算输出 rem、vw、clamp() 三种响应式方案,按需选用。
clamp 流式缩放
自动计算 clamp() 的最小值、偏好值、最大值,实现平滑缩放且可控。
纯前端本地处理
所有操作在浏览器中完成,数据不上传服务器,保障隐私安全。
响应式断点计算常见问题
rem 相对于根元素字号,vw 相对于视口宽度。rem 适合基于字号缩放的场景,vw 适合基于视口宽度的流式布局。
clamp(min, preferred, max) 可以设置一个值在最小值和最大值之间流动,实现响应式同时避免过小或过大。
通常填设计稿的宽度,如 1920(PC端)、750(移动端)等,取决于设计稿的基准宽度。