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

移动web开发适配秘籍Rem

吕小鸣 Web前端工程师
难度中级
时长 1小时 0分
学习人数
综合评分9.37
76人评价 查看评价
9.2 内容实用
9.4 简洁易懂
9.5 逻辑清晰
flexible.js 和 hotcss.js都可以了解下
用内容去撑开反而会影响布局美观,内容的参差不齐撑开的高度也都不相同。设置统一的宽高,设置overflow: hidden;超出容器部分隐藏,这样才是正确的做法
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>作用是禁用设备缩放
老师我想问下,你再scss里面写了$rem: 37.5px ,后面js又去动态修改html font-size大小,好像影响不了这个啊$rem啊
亨利该 的
老师的思路挺好的,谢谢提供的免费课程。很受教。
这个老师不实在,重点的都不讲
适合我这种没基础的人,看了这个视频以后,我通过@media,为我正在做的网站适配了不同分辨率的PC屏幕;
不过我对于scss 没有什么了解,对于后面的那些px2erm方法没办法用上比较可惜;
总体来说,这是一个适合新手的教程,如果你不知道怎么应对不同的分辨率的问题,可以看看这个
啊 我知道了,初始设计的时候,就是按照375px的屏幕写的scss,得到固定的以rem为单位的长度,以后屏幕宽度变就用js改变rem就行了
scss里的function里的$rem怎么是固定的37.5px啊?这里没太懂
卧槽,度量viewport/20 = 32 听得我一脸懵逼,看了评论才知道 是说错了吧
可以的小伙子
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消