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

移动web开发适配秘籍Rem

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

最新回答 / 等一個晴天
let w = document.documentElement.clientWidth || document.body.scrollWidth;改成let w = document.documentElement.clientWidth || document.body.clientWidth ;再试试

最新回答 / Jun_imooc
首先获取设备宽度大小,然后以获取的屏幕宽度值来动态改变html字体大小值,这样就可以做到响应式屏幕大小了。

最新回答 / 慕粉128
@function px2rem($px){
  $rem : 41.4px;
  @return ($px / $rem) + rem;
}
//获取视窗宽度
let htmlWidth = document.documentElement.clientWidth || document.body.scrollWidth;
console.log(htmlWidth);

//获取视窗高度
le...

最新回答 / 小白阿比i
https://blog.csdn.net/u014182411/article/details/77319639 ,打开链接安装好ruby和sass<...图片...>打开Hbuilder像图片这样设置好。就可以了命令参数:”--no-cache %FileName% ../css/%FileBaseName%.css --style expanded“

+ 我来回答 回答最高可+2积分

最新回答 / sanderslee
建议看看webpack 前端工程化

最新回答 / qq_天道酬勤_81
楼主先去吧js看明白了再问这种问题,至少先把getElementsByTagName的含义搞清楚了再问。

最新回答 / 慕少4364119
上山打老虎

最新回答 / whiteosk
最好是设计给好标准值,比如以iphone5的宽度320为基础给字体大小或者以iphone6 375px的宽度来给字体大小,一般公司的UI也是会根据主流手机型号来给设计稿。比如实际项目中ui给前端的是iphone5的宽度,我将1rem=100px,基本上将设计稿的字体大小除以100,即可(16px字体设置成0.16rem)

最新回答 / Carolzhu
这个设计稿  你直接看视频的时候截图就可以了  只要记住各个像素就可以了  图片可以去网上随便下载就可以了

最赞回答 / qq__2611
rem是基于视频中iphone6和设计稿计算出来的常数(37.5只是为了方便计算出rem,任何值都可以)。变数是你所用的手机尺寸 和 根目录font-size, 手机尺寸改变了自然要动态修改font-size才能得到同样的rem
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消