vue手淘插件使用组件px太小

我们可以把第三方库的css代码px统一扩大2倍,听起来很蠢对吧,我一开始也是折磨想的,有的小伙伴就该说这个的改多少,代码少就无所谓,可是代码不就的累死了。。。
我使用的地vscode这个编辑器有个扩展程序小叫 px-to-rem 这个可算是救世主了 他可以让你在2分钟改完所有的代码
下载 改默认配置 (路径:/Application Support/Code/User/settings.json)
"px-to-rem.px-per-rem": 0.5, // 第一步 主要是让1rem 等于0.5px
全选你要改的代码 option+Z 快捷键。(windows我不知道)你会发现所有的px变rem

改默认配置
"px-to-rem.px-per-rem": 1, //第二步
然后在全选你要改的代码 option+Z 快捷键。你会发现所有的rem变px 这个px的值比是原来的2倍

将修改后的css文件引入

转自 https://segmentfault.com/q/1010000014793903/a-1020000014804930

发表评论

电子邮件地址不会被公开。 必填项已用*标注