Shulou(Shulou.com)06/02 Report--

This article mainly introduces how vscode changes rem, the article is very detailed, has a certain reference value, interested friends must read it!

How does vscode change rem?

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

Related recommendation: vscode tutorial

Here I choose the px to rem plug-in, the steps to use:

First install the px to rem plug-in

Then find * * px to rem * * in Settings-> user Settings-> extension.

Or configure it directly in setting.json:

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

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

Note:

The benchmark I set here is 75, because the default width of the design draft is 750px.

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

The above is all the content of the article "how vscode changes rem". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.