为了账号安全,请及时绑定邮箱和手机立即绑定

移动web开发适配秘籍Rem

吕小鸣 Web前端工程师
难度中级
时长 1小时 0分
学习人数
综合评分9.37
76人评价 查看评价
9.2 内容实用
9.4 简洁易懂
9.5 逻辑清晰
确实讲的太基础了,基本没多大用啊
其实 document.documentElement 就是 html 元素。
1rem=浏览器默认字体大小

最赞回答 / 枫叶咚咚咚
函数function px2rem()返回的是 return ($px / 37.5) + rem, 也就是返回的是 xx rem,而rem是根据屏幕宽度得到的, 1rem=font-size值,设定 font-size = cilentWidth / 10 + 'px' (这里才是真正的rem值设定), 以iphone6为基准(clientWidth = 375px),  那么1rem = 37.5 px,这个函数输出就等于输入,因为分母37.5被消除了, 而其他屏幕大小clientWidth改变,1r...
应该加<meta name="viewport" content="width=device-width, initial-scale=1"/>吧
IE这么可爱,为什么都不喜欢它?
这个函数有点麻烦,直接/37.5rem或者37.5rem的变量就好,还有取37.5不方便计算,小数点太多,可以参考网易的rem方案。
这里rem计算不能放到底部执行,影响首屏样式的都要提前执行。
讲的不错 很好

最赞回答 / 吕小鸣
这些会在后续的移动web实战课程讲解哦,敬请期待吧哈
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消