如何将任意 CSS 类型转换为数值？

本技巧参考自：https://dev.to/janeori/css-type-casting-to-numeric-tanatan2-scalars-582j在 CSS 中有各式各样的类型值，例如 1rem、10vw、100cqw等等，这些相对值给与了 CSS 强大的适应能力。但有时候，我们还需要知道这些相对值所对应的真实值，也就是px值，比如在移动端，我们经常会设置这样的根字号:root{ font-size: max(12px, min( 12px + (100vw - 320px) / 55 * 4, 20px ));}p{ font-size: 2rem;}那么，p此时的真实px值应该是多少呢？在以往，我们只能通过 JS去获取，但是现在，仅仅凭 CSS也能做到，一起了解一下吧一、CSS 三角函数从理论上来讲，将一个长度除以1px就应该得到具体的数值，相当于将这个长度以1px被分成了多少份2rem / 1px但是，大家可能都知道，calc在进行除法运算时，除数是不能带单位的calc(2rem / 1px) /*不合法*/不排除浏览器以后会支持不过现在终于迎来了转机，在 Chrome 11 ………………………………