从 figma 中的 pixel 到 css 中的 rem 的工作流程是什么？

Question

我是网页开发的新手，想了解以下工作流程。

1. 我在figma中设计了一个网站，并在PIXELS中设计了字体样式（在figma中不能使用em或rem）。
2. 为了有一个响应式的网站，我想写的css代码与REM。

问题：我现在是否要根据段落标签中的基本字体大小，手动将所有的px单位转换为rem单位，这里的计算是如何进行的？

问候安娜

Answer 1

如果你正在寻找一种快速计算给定基本尺寸的px和rems之间转换的方法，你可以在网上找到很多转换器，例如https:/www.ninjaunits.comconverterspixelspixels-rem

一般来说，尽量利用sass这样的预处理器，它允许你声明变量，使你的样式表更容易改变。比如说

$font-size-base:              1.125rem !default; // Assumes the browser default, typically `16px`
$font-size-lg:                $font-size-base * 2 !default;
$font-size-md:                $font-size-base * 1.5 !default;
$font-size-sm:                $font-size-base * 0.8 !default;

希望能帮到你