问在图中使用CSS中的rem值的工作流是什么？

EN

如果您正在寻找一种快速计算px和rems之间的转换的方法，给定一个基本大小，您可以在网上找到许多转换器，例如https://www.ninjaunits.com/converters/pixels/pixels-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;

希望这能有所帮助。

我与rem和em一起工作，他们对简单网站的功能正常，但是一旦你进入复杂的UI，像素就是王者。

当使用响应性媒体查询时，当文本也因为rem/em而扩展时，我发现它非常不可靠。对于像素，您可以为标准文本设置默认的16 in，在某些情况下，在移动时可能会将其降到14 in。这是跨网站完成的，不是针对每一个元素。

所以，是的，这里和那里都有一些调整，但没有那么多。这一开始的工作要多一些，但这将节省大量的时间，因为当用户单击链接并将文本进一步推到右边时，网站的某些部分在某些平板电脑上会出现10个错误。

在所有像素上保持不变，在图中有相同的度量单元，在HTML/CSS和Javascript中有相同的度量单元，并且保持简单，不需要任何计算。