老师对于这公式的一些理解。

来源:3-25 移动端常用单位

帅得无心敲代码

2021-04-09 00:07:20

视宽/固定宽 这个操作是为了获得一个比例,也就是倍数,不管后面是乘以高,还是乘以html的font-sizi的值,都会跟着这个比例变化,不管视宽是比固定宽大还是小。
所以老师,我可以理解成这个固定宽我可以随意设吗?不像固定的375。比如说我设个300。还是会有一个比例,这个比例还是会跟着视宽的变化而变化,比例变化了,不管是高还是font-sizi也会跟着变化。
可以这样理解吗?老师,我感觉我还是有点迷糊。

写回答

1回答

好帮手慕久久

2021-04-09

同学你好,理解的是对的。我们的目的就是让页面上的元素随着页面宽度变化而成比例变化,所以会先按照一个固定宽将页面写出来,页面变化时,我们计算出变化的比例,再将元素缩放。所以这个固定宽,理论上是可以自定义的。但是实际开发中,我们往往会按照设计稿来写页面,而设计稿是按照某个机型来设计的,常见的设计稿就是参考iphone6这个机型来设计的,所以我们会将浏览器模拟器调成iphone6,然后写页面。而对应iphone6的设计稿,宽度就是375或750,所以“固定宽”我们一般会设置成375或750(设计稿是375则固定宽就是375)。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程