使用px2rem配合scss时,/*px*/、/*no*/失效

发布于 2022-09-11 23:13:47 字数 579 浏览 28 评论 0

vue项目中,样式是使用scss写的,为了适配,使用了flexible,px转rem使用了px2rem-loader,按照官方文档,对于不想转为rem的,可以后在后面加/*px*/,对于字体大小font-size建议使用/*px*/,会对于不同倍率的屏幕生成三套样式,但是我后来发现我加的/*no*//*px*/并未生效,全部都被转为了rem,原本以为是配置错误,后来百度了很多文章,可以确认配置没问题,要是有问题,px也不会被转为rem了,后来我又尝试使用普通的样式css书写方法,不使用scss,结果/*no*//*px*/生效了,我猜想是scss的样式被编译为普通css样式后,px2rem才会去再次解析,而在scss中书写的/*no*//*px*/在编译后没了,所以全部被转为了rem,

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

带刺的爱情 2022-09-18 23:13:47

如果不想把px转为rem的话,可以把px写成大写PX,这样px2rem也不会转换,同时大写在浏览器上也是生效的。

残月升风 2022-09-18 23:13:47

假如是百分比进行了转换呢?又没办法写PX

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文