离殊的博客
Home
Posts
Tags
Links
Github
Home
Posts
Tags
Links
Github

最近在做了移动端活动页面,遇到了 H5 适配的问题,其实也有 pxtorem 来做自动转换,但是组内讨论过后,还是决定自己计算 rem ,其实 rem 已经过时了,目前比较流行的是 ViewPort 了。组内一致决定了,那就只能这样干了。

现在遇到的问题是在设置了 RootFontSize 后,需要自己计算这个 rem 的值,直接找了个插件 cssrem 来做 px 自动转换城 rem,看个作者的例子

demo

装好之后可以直接在 vscode 中设置对应的选项来进行自定义

在 VSCode 中设置 ren 配置

基准 font-size: 16px,但你可以通过以下配置进行修改:

打开 ctrl+, 用户配置界面(或项目配置),只有三个配置项:

  • cssrem.rootFontSize 基准 font-size (单位:px),默认:16
  • cssrem.fixedDigits px 转 rem 小数点最大长度,默认:6
  • cssrem.autoRemovePrefixZero 自动移除 0 开头的前缀,默认:true。(虽然可以省略,但是还是感觉有个 0 比较切合实际)
最近更新: 2025/10/11 09:00