关于less转换css异常和flexible.js问题

一、不要误删Easy-less的setting.json配置文件

1、如果你误删了setting.json配置文件的话,那么恭喜你成功把ctrl+s转换css给干废了

二、插件内的配置代码

①   "out": true, //就是正常输出     

②    "outExt": ".css",//输出为css文件,改成.wxss就是对应小程序了

三、less代码里面的运算注意事项

1、一般来说,+  -  *  都是可以正常转换值的,但是"除法"---->" / "却会出现问题 , less代码如下👇

保存之后,我们看css对应的代码👇

2、这就相当于:

        老师 问 学生 :1 除以 1 等于多少?
        学生 回答说  :等于 1 除以 1    !!!

很显然,问了等于没问,答了等于没答,学生没错,老师却当场吐血而亡。

所幸的是,这位老师不用担心"教会徒弟,饿死师傅",因为根本教不会,哈哈,开个玩笑

3、步入正题,发生除法,应该加上括号"()"

与其说发生除法加括号,不如保险起见,发生复杂运算,都加上括号,这样一来,我们看的更为清晰,编译器也能给我们一个完美的解析。

四、flexible设置参数

1、分成多少份很重要

      这里我分成了10份,并没有没有注意到正确案例是分成20份,

                               所以得到下面左图情况,正确应该是右图(将上面的10,改为20之后)


          

这样页面就达到了我们真正想要的效果了


当然,这是一个width=750px的设计稿,分成20份的话,每一份为37.5px

所以需要在cssrem的配置更改RootFontSize

为确保万无一失,设置完成后,重启vscode

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星星湘曦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值