Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>px2xxNew to Visual Studio Code? Get it now.
px2xx

px2xx

飞O鸟

|
3,779 installs
| (1) | Free
px单位转换,转rem,vw,vh及自定义单位。可配置最大宽度,最大高度,以及自定义单位比率。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

https://img.shields.io/badge/vscode-1.25.0-brightgreen.svg https://img.shields.io/badge/typescript-passing-blue.svg

px2xx

支持px转换vw、vh、rem以及自定义转换的提示插件

演示图

支持文件类型

  • html
  • vue
  • css
  • less
  • scss
  • sass
  • stylus

如果非上述文件格式,可通过右下角select language mode选择上述任意一个格式,就可触发提示。

配置

可通过快捷键Ctrl + ,打开设置页面,搜索px2xx;

  1. width,设计稿宽度,默认值750。用于转换vw、rem
  2. height,设计稿高度,默认值667。用于转换vh
  3. toFixedNum,小数点后保留位数,默认值4。
  4. customXX,自定义提示项,默认值1%xx。格式为rate%unit,rate需为有效数字,unit为自定义的单位。如1%xx,4px可以通过计算(4*1)xx,最后出来结果就是4xx。

命令

可将当前文件中的指定css单位全部替换

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft