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