老师是这样理解吗

老师是这样理解吗

我可以随意把屏幕分割成任意份(也叫做系数),然后用屏幕宽度除去这个任意份就是1rem所等于的px(也就是根元素html字体大小的px),然后再用屏幕宽或高除去rem所等于的px,也就是宽和高的rem

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

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

3回答
好帮手慕慕子 2020-01-11 16:32:14

同学你好,如下所示,在每次改变屏幕宽度之后,会重新获取屏幕的宽度。

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

计算了根元素字体大小之后,所有设置的rem都是根据根元素字体大小的计算的。

如果还有疑惑,建议:同学详细描述一下“并没有计算宽高的rem”具体指的是计算哪里的宽高,便于帮助同学准确的定位与解决问题。

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

  • 提问者 小鲜花 #1
    是用获取当前的宽高除以获取的字体大小 就是当前宽高的rem值吗
    2020-01-11 17:40:05
  • 好帮手慕慕子 回复 提问者 小鲜花 #2
    同学你好,可以这么理解的,祝学习愉快~
    2020-01-11 18:25:32
好帮手慕慕子 2020-01-11 15:13:26

同学你好,前面假如的750px/75系数那么1rem就等于10px,是老师为了方便同学理解,以一个屏幕的宽度为例,详细讲解的。

后面,老师使用js方法动态的获取当前屏幕的宽度,计算根元素字体大小

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

建议:同学不要着急,跟着课程中老师讲解的内容,认真思考,然后跟着写一写代码,结合代码实现的效果,帮助自己更好的去理解。

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

  • 提问者 小鲜花 #1
    老师讲的这段代码 之计算了根元素字体的大小 并没有计算宽高的rem
    2020-01-11 15:26:12
好帮手慕慕子 2020-01-11 13:43:48

同学你好,前面的理解是正确的

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

后面的一句话不是很清楚同学具体指的是什么,如果是指元素设置rem实际等于多少px的话,那么同学的理解就是不对的,元素设置2rem,实际对应px值就是2 乘以根元素html字体大小。

 示例:根元素字体大小为16px, 那么此时2rem实际就等于32px。

如果不是指这里的话,建议:同学新建提问,详细描述一下具体指的是什么,便于帮助同学准确的定位与解决问题。

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

  • 提问者 小鲜花 #1
    前面的是假如750px/75系数那么1rem就等于10px 那么htmlfont-size就是10px,那当我的屏幕宽度改变350px,我怎么计算的宽高的rem呢 老师 我有点绕晕了
    2020-01-11 13:52:41
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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