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

移动web开发适配秘籍Rem

吕小鸣 Web前端工程师
难度中级
时长 1小时 0分
学习人数
综合评分9.37
76人评价 查看评价
9.2 内容实用
9.4 简洁易懂
9.5 逻辑清晰

最赞回答 / qq__2611
rem是基于视频中iphone6和设计稿计算出来的常数(37.5只是为了方便计算出rem,任何值都可以)。变数是你所用的手机尺寸 和 根目录font-size, 手机尺寸改变了自然要动态修改font-size才能得到同样的rem

最赞回答 / 慕勒206598
<...图片...>写的媒体查询条件有问题,改一下就好了
htmlWidth/20 + &#039;px&#039;; 得到的font-size是16px,不是32px
js写在最后面?这样会闪屏的我跟你讲。刚开始渲染是小的,之后变大,应该写在head中

最新回答 / qq_orientalbeau_0
echo 是PHP里面的
我的方案:

视窗宽度 375px
设计稿宽度为 750px
编写时除以2 80px 写为 40px
此时定义html的font-size = 10px 那么编写时即为4rem
此时:rem = (视窗宽度 * 10) / (设计稿宽度 / 2)
最后 js动态计算上面 rem 值
我不知针对你,你这个方案真的比较垃圾 ...
怎么感觉这个除以10还是有点想当然啊
广告结束

最赞回答 / 萱草t
要全局安装才能在命令行中使用,代码如下:npm install -g node-sass
进入广告
哇哇哇哇哇哇
666666
666666
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消