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

移动web开发适配秘籍Rem

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

最新回答 / qq_幸福落雨_0
https://github.com/gdufedu/demo/tree/master/%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2/rem

最新回答 / 1261816721
你父容器box,包含子容器inner,能自适应吗,你只给inner添加w25%,剩下的为box的值
非常实用,能用于任何移动端页面

最赞回答 / weixin_慕虎7058649
那个例子是错的 如果屏幕宽度是320px的情况下,除以10(屏幕宽度就是10rem)应该是1rem=32px,除以20(屏幕宽度就是20rem)是1rem=16px

最新回答 / weixin_慕粉7191246
应该是页面宽度是375px的意思
需要看源码的同学请看这里,https://github.com/vector-wings/rem-sample,都是我一个字一个字敲的。
前面html,js都慢慢讲,细节,,,怎么sass直接就跳过了。。。
大家可以看看博客
https://blog.csdn.net/wx11408115/article/details/78023466
新闻标题让多余的文字... 我改进了下,谁有需要直接拿去
.news-title{ color: #404040; font-size: px2rem(17px); margin-top: px2rem(16px);line-height: px2rem(20px);height: px2rem(38px);overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp: 2; }

最新回答 / qq_幼兽_0
我也是特别纠结这个地方,没太明白 $rem: 37.5px;不就是直接写死了吗?应该是 $rem: font-size才对啊
移动端我们一般是根据iPhone6的375来进行开发的
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消