使用px2rem配合scss时,/*px*/、/*no*/失效
在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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果不想把px转为rem的话,可以把px写成大写
PX
,这样px2rem也不会转换,同时大写在浏览器上也是生效的。假如是百分比进行了转换呢?又没办法写PX