vscode配置rem
时间: 2023-06-15 16:03:52 浏览: 471
要在 VS Code 中配置 rem 单位,可以使用以下步骤:
1. 打开 VS Code,并打开要编辑的项目文件夹。
2. 在项目根目录下创建一个名为 `.vscode` 的文件夹。
3. 在 `.vscode` 文件夹中创建一个名为 `settings.json` 的文件。
4. 在 `settings.json` 文件中添加以下代码:
```json
{
"files.autoSave": "off",
"editor.fontSize": 16,
"editor.tabSize": 4,
"editor.insertSpaces": true,
"editor.detectIndentation": false,
"editor.wordWrap": "on",
"editor.wordWrapColumn": 80,
"editor.minimap.enabled": false,
"editor.fontFamily": "Arial, sans-serif",
"editor.lineHeight": 1.5,
"editor.letterSpacing": 0.5,
"editor.fontWeight": "normal",
"editor.cursorBlinking": "phase",
"editor.smoothScrolling": true,
"editor.renderWhitespace": "none",
"editor.renderControlCharacters": false,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"css.remUnit": 75
}
```
在上面的代码中,`css.remUnit` 是 rem 单位的基准值,通常设置为设计稿的宽度除以 10 或 7.5。例如,如果设计稿的宽度为 750px,那么基准值应该设置为 75。
5. 保存 `settings.json` 文件,并重新启动 VS Code。现在,您可以在 CSS 文件中使用 rem 单位了。
阅读全文