Home > Article > Development Tools > How vscode converts px to rem
The px to rem
plug-in is selected here. The steps to use are:
1. First, install the px to rem plug-in;
2. Then, find [px to rem] in Settings->User Settings->Extensions;
As shown:
3. Or configure
"px-to-rem.px-per-rem": 75, "px-to-rem.number-of-decimals-digits": 4,
directly in setting.json 4. Finally, edit width: 200px in the style file, and press the shortcut key ALt Z to convert it to width: 2.6667rem;
Note:
The base value set here is 75, because the default width of the design draft is 750px.
Recommended related articles and tutorials: vscode tutorial
The above is the detailed content of How vscode converts px to rem. For more information, please follow other related articles on the PHP Chinese website!