Html 将rem单位乘以一个值以输出deg单位

Html 将rem单位乘以一个值以输出deg单位,html,css,css-transforms,css-variables,css-calc,Html,Css,Css Transforms,Css Variables,Css Calc,:根目录{ --长度:10雷姆; } * { 框大小:边框框; 保证金:0; 填充:0; } html,正文{ 身高:100%; } 身体{ 显示器:flex; 证明内容:中心; 对齐项目:居中; } 人力资源{ 边框样式:无; 边界半径:计算(var(--length)/5);/*除以无单位数*/ 宽度:var(--长度); 高度:var(--长度); 背景色:#444; } /*问题如下*/ 人力资源{ 变换:旋转( 计算( 变压(--长度)*4.5度 ) ); } 使用无单位值作为长度,

:根目录{
--长度:10雷姆;
}
* {
框大小:边框框;
保证金:0;
填充:0;
}
html,正文{
身高:100%;
}
身体{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
人力资源{
边框样式:无;
边界半径:计算(var(--length)/5);/*除以无单位数*/
宽度:var(--长度);
高度:var(--长度);
背景色:#444;
}
/*问题如下*/
人力资源{
变换:旋转(
计算(
变压(--长度)*4.5度
) 
);
}


使用无单位值作为长度,然后您可以轻松地将
rem
单位放回其他值

:根目录{
--长度:10;
}
* {
框大小:边框框;
保证金:0;
填充:0;
}
html,正文{
身高:100%;
}
身体{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
人力资源{
边框样式:无;
边界半径:计算值(var(--长度)*1rem/5);
宽度:计算值(var(--长度)*1rem);
高度:计算值(var(--长度)*1rem);
背景色:#444;
}
/*问题如下*/
人力资源{
变换:旋转(
计算(
变压(--长度)*4.5度
) 
);
}


你很好。如果我预计要进行大量计算,那么最好的做法似乎是定义所有CSS变量而不使用单位。太棒了。@devsandbox是的,没错,把单位放在末尾;)