老师麻烦帮我看下这里
来源:2-3 简单适配实现
weixin_慕前端6235132
2020-05-28 17:31:00
这里的ratio值是不是通过右边这里设置的?
3回答
好帮手慕夭夭
2020-05-28
同学你好,如下是插件pxrem本身的配置,这个是我们在写css代码时,自动将px转换为rem。
如下代码是设置页面根元素的字体,在不同的设备下,根元素字体会相对应的改变。例如我们在css中设置元素的宽高使用的rem,rem会参照根元素字体进行计算,不同设备下,根元素字体改变,元素的宽高也改变,从而实现了适配。
而ratio是px转换为rem的一个系数,这个数字不是固定的,可以自定义。一般我们设置系数时,方便计算就行哦。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
好帮手慕码
2020-05-29
同学你好,如果同学不知道如何设置合适的值的话,建议与视频中保持一致,即设置为18.75。在实际工作中,很多情况也会使用18.75这个系数,因为在宽度为375(ip6机型)的设备上1rem = 20px,是一个整数,方便计算,所以使用比较广泛。
祝学习愉快~
好帮手慕夭夭
2020-05-28
同学你好,系数就是ratio,意思是比例。例如在iPhone6设备下,375px的宽度可以用20rem表示(375/18.75=20 )是一个整数,方便计算。18.75就是系数。如果还是不理解,你就固定记住就行。
祝学习愉快~
相似问题