有些问题问下

来源:2-1 首页-头部结构

vivi_li

2020-06-18 14:21:54

这个将转化比设置为37.5是怎么考虑的,首先这个html的根目录的font-size还没有确定啊  其次也要考虑到设备像素比的问题吧?

写回答

2回答

好帮手慕久久

2020-06-18

同学你好,可以这样理解。还可以这样理解:750的设计稿,除以2后对应了iphone6的页面宽度(375)。然后将375的屏幕宽,分成10rem(系数是10),这样html的fontsize就是37.5。

祝学习愉快!

0

好帮手慕久久

2020-06-18

同学你好,问题解答如下:

1. 同学所说的“也要考虑到设备像素比”,是之前课程中说的dpr吧。美团外卖这个项目,使用的是简单的适配方案,即不考虑dpr。在实际开发中,简单适配方案和通用适配方案都是可以使用的,二者都能实现适配,唯一的区别就是,通用适配方案更严格些,它考虑了设备的dpr,而没有严格要求的情况下,可以不考虑dpr。

2. 之前讲适配方案时,提到过系数ratio可以自定义,如下:

http://img.mukewang.com/climg/5eeb0f1009ad649e08100288.jpg

这个ratio就对应美团中的“10”,如下:

http://img.mukewang.com/climg/5eeb0f1809fb0a4106770254.jpg

即在美团中,我们设置了系数为“10”,所以html的fontsize计算出来是“37.5”,即:37.5是我们最终算出来的html的fontsize大小,而不是“转化比”。

同学可以将系数“10”设置成别的,比如设置成18.75,那html的fontsize就变成了20px。这个时候,如果元素是75px,对应系数“10”时,它是2rem(75/37.5);对应系数“18.75”时,它是3.75rem(75/20),也就是同学需要自己转换一下,不太方便,所以建议同学和老师的系数保持一致。

 如果我的回答帮到了你,欢迎采纳,祝学习愉快!


0
hivi_li
h 老师这个设置成37.5是因为设计稿刚好是设置750px宽度么?这样37.5*10*2=750;
h020-06-18
共1条回复

0 学习 · 6815 问题

查看课程