老师麻烦帮我看下这里

老师麻烦帮我看下这里

http://img1.sycdn.imooc.com//climg/5ecf84a30913ecf617560562.jpg

这里的ratio值是不是通过右边这里设置的?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕码 2020-05-29 09:28:37

同学你好,如果同学不知道如何设置合适的值的话,建议与视频中保持一致,即设置为18.75。在实际工作中,很多情况也会使用18.75这个系数,因为在宽度为375(ip6机型)的设备上1rem = 20px,是一个整数,方便计算,所以使用比较广泛。

祝学习愉快~

好帮手慕夭夭 2020-05-28 19:02:18

同学你好,系数就是ratio,意思是比例。例如在iPhone6设备下,375px的宽度可以用20rem表示(375/18.75=20 )是一个整数,方便计算。18.75就是系数。如果还是不理解,你就固定记住就行。

祝学习愉快~

  • 我怎么能知道这个系数设置为多少合适呢?
    2020-05-28 19:07:38
好帮手慕夭夭 2020-05-28 18:20:43

同学你好,如下是插件pxrem本身的配置,这个是我们在写css代码时,自动将px转换为rem。

http://img1.sycdn.imooc.com//climg/5ecf8f8e093590c403510126.jpg

如下代码是设置页面根元素的字体,在不同的设备下,根元素字体会相对应的改变。例如我们在css中设置元素的宽高使用的rem,rem会参照根元素字体进行计算,不同设备下,根元素字体改变,元素的宽高也改变,从而实现了适配。

而ratio是px转换为rem的一个系数,这个数字不是固定的,可以自定义。一般我们设置系数时,方便计算就行哦。

http://img1.sycdn.imooc.com//climg/5ecf8fdd091e1aed09830189.jpg

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师