有些问题问下
来源:2-1 首页-头部结构
vivi_li
2020-06-18 14:21:54
这个将转化比设置为37.5是怎么考虑的,首先这个html的根目录的font-size还没有确定啊 其次也要考虑到设备像素比的问题吧?
2回答
同学你好,可以这样理解。还可以这样理解:750的设计稿,除以2后对应了iphone6的页面宽度(375)。然后将375的屏幕宽,分成10rem(系数是10),这样html的fontsize就是37.5。
祝学习愉快!
好帮手慕久久
2020-06-18
同学你好,问题解答如下:
1. 同学所说的“也要考虑到设备像素比”,是之前课程中说的dpr吧。美团外卖这个项目,使用的是简单的适配方案,即不考虑dpr。在实际开发中,简单适配方案和通用适配方案都是可以使用的,二者都能实现适配,唯一的区别就是,通用适配方案更严格些,它考虑了设备的dpr,而没有严格要求的情况下,可以不考虑dpr。
2. 之前讲适配方案时,提到过系数ratio可以自定义,如下:
这个ratio就对应美团中的“10”,如下:
即在美团中,我们设置了系数为“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),也就是同学需要自己转换一下,不太方便,所以建议同学和老师的系数保持一致。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题