evrone / postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
https://evrone.com/postcss-px-viewport
MIT License
2.98k stars 401 forks source link

css 的 var 变量内的 px 是否会转换为 vw ? #175

Closed roy-lau closed 3 months ago

roy-lau commented 3 months ago
:style="{ '--out-bottom': Number(bottom) + 32 + 'px'}"

image

如题如图: 我想请教一下,我用的 vue 框架,--out-bottom 是我计算出来的 px 。然后在 css 中做为变量引用,但我看控制台发现 var 内的 --out-bottom 并未转换为 vw。想请问一下作者和路过的各位大佬我应该怎么配置才能转换成 vw 呢?

roy-lau commented 3 months ago

我自己又深入的研究了下,这个应该不是插件的工作。我可以通过 js 封装个函数去计算出来,close!