Home > Development Tools > VSCode > body text

How to change rem in vscode

藏色散人
Release: 2019-12-18 11:39:08
Original
4704 people have browsed it

How to change rem in vscode

How to change rem in vscode?

When developing h5 pages, we need to use rem units, so how to convert px to rem in vscode?

Related recommendations: vscode tutorial

Here I chose the px to rem plug-in. The steps to use:

First install the px to rem plug-in;

Then find **px to rem **

How to change rem in vscode

in Settings->User Settings->Extensions or directly in setting.json Configuration:

    "px-to-rem.px-per-rem": 75,
    "px-to-rem.number-of-decimals-digits": 4,
Copy after login

Then edit width: 200px in the style file, press the shortcut key ALt Z to change to width: 2.6667rem;

Note:

I set it here The base value is 75, because the default design draft width is 750px;

For specific details, you can directly view the plug-in details.

The above is the detailed content of How to change rem in vscode. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!