老师,没听懂
来源:2-1 简单的适配原理
慕粉8021849
2020-02-24 09:55:12
比如750/x=40,主要是要这个40吗? 那640的屏幕还是640/x=40,那我直接写40不就好了吗。。除这个的意义在哪里呢?
1回答
同学你好, 对于你的问题解答如下:
我们要了解关于自适应的布局都是基于根元素HTMl的字体大小来设置的,当页面改变大小的过程中,字体大小需要跟着改变,才能实现自适应布局,也就是说字体不能一直是固定不变的。
这里一开始将1rem固定设置为40px(这个40px也是老师在讲解的过程中, 为了方便我们计算,推导出来的)。设置字体大小后,视窗宽度与radio就有了一个固定的比例,当我们改变页面大小时,会根据页面的宽度和这个比例重新计算字体大小,改变rem的值
这一小节,老师主要是带领大家,了解一下核心的实现思想,因为一般公司中的设计稿都是以iphone6位原型设置的, 也就是750px的宽度,所以老师就这个单位为基准给大家讲解的。最后是需要使用结合js实现自适应效果, 同学不要着急, 跟着老师的步骤学习, 老师会带着大家一步一步由简单到复杂,一点点完善代码效果,帮助同学更好的理解这一块的知识
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题