Home  >  Article  >  Development Tools  >  How vscode converts px to rem

How vscode converts px to rem

王林
王林Original
2019-12-30 09:49:578064browse

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:

How vscode converts px to rem

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn