我想知道如何将全部现有单位（em / rem）转换为像素？
现在我正在使用Vuesax UI 为任何网站/模板制作插件（重叠）
但他们使用的单位是 rem 或 em。
我怎样才能将整个输出单位转换为 px 简单（任何技巧）？
例如，我想在 vue.config.js
中加入一些配置/插件module.exports = {
configureWebpack: {},
css: {},
chainWebpack: config => {}
}
【问题讨论】：
标签： css node.js vue.js webpack
对不起，我认为不可能，rem 和 em 会被浏览器实时转换为 px，但它们是动态值，它们与像素不同，您不能在运行期间静态设置它们编译。
请记住rems（因此ems 也可以）可以依赖于浏览器中设置的用户声明，这意味着如果网站使用rems，它将适应字体大小设置由用户在浏览器中执行，这绝对是您无法预测或强制执行的事情。
我看到一些网站在根元素中设置像素字体大小，以便在任何情况下您都可以知道rems 和ems 的值，但这是一种不好的做法，而且您说您想要你的插件可以在任何网站/模板上工作，所以我认为这对你来说不是一个可行的解决方案。
此外，忽略浏览器的字体大小问题，我个人认为ems 将很难（或不可能）进行静态计算，因为它们在用于字体大小时取决于父元素，否则取决于元素后者本身看起来没什么问题，但前者肯定是。
总而言之，我认为您要实现的目标是不可行的，因为基本上rems、ems 和pxs 是不同的概念，只能在编译时转换为像素css解析系统。
【讨论】：