首页-优化换算 |学习笔记

简介: 快速学习 首页-优化换算

开发者学堂课程【移动 Web 前端开发:首页-优化换算 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8497


首页-优化换算

 

优化算法

观察 model 中代码会发现有多个重复100rem,因此可以使用@bs将其替换掉,增加可控性。

在 variables 中加入其下,

//基准值,做适配用 单位是px

@baseSize:100;

//换算用,做计算用

@bs:100rem;

例如当基准值=20,@bs=20rem 时与适配无关,最终效果不改变,

相关文章
|
4月前
|
小程序
【奇葩问题】微信小程序 We分析 访问来源Top10的总比例为什么不止100%
【奇葩问题】微信小程序 We分析 访问来源Top10的总比例为什么不止100%
52 3
|
5月前
|
小程序 API
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
28 0
|
6月前
|
前端开发 JavaScript
移动端单位自适应的两种方式
移动端单位自适应的两种方式
|
11月前
|
vr&ar 图形学
visionOS空间计算实战开发教程Day 2 使用RealityKit显示3D素材
我们在Day1中学习了如何创建一个visionOS应用,但在第一个Demo应用中我们的界面内容还是2D的,看起来和其它应用并没有什么区别。接下来我们先学习如何展示3D素材,苹果为方便开发人员,推出了RealityKit,接下来看如何使用。
117 0
|
JSON 数据格式 Python
桌面壁纸实时展示粉丝数
桌面壁纸实时展示粉丝数
|
前端开发
前端项目实战肆-兼容条形打印机移动端单位用毫米设定(td版优化)
前端项目实战肆-兼容条形打印机移动端单位用毫米设定(td版优化)
89 0
|
小程序 JavaScript
微信小程序购物车 数量加减功能
微信小程序购物车 数量加减功能
271 0
|
前端开发
前端学习笔记202304学习笔记第九天-web前端学习-动态计算已勾选商品数量
前端学习笔记202304学习笔记第九天-web前端学习-动态计算已勾选商品数量
83 0
|
前端开发
给大家科普一泛二级程序前端几十套模板随机切换
​ 今天给大家分享几个小旋风蜘蛛池的泛二级程序网站站群模板,是无备案 新域名都可以用 老域名备案域名效果更好, 文章自动配图 关键词自动配图 泛二级程序模板是一款专门为了要从事相关工程方面工作的
124 0