章节
问答
课签
笔记
评论
占位
占位
今日不再显示

下一节课程： rem页面适配实战-2网易新闻h5页面开发2 (12:22) 下一节 重新观看

3 秒后播放下一节

为你推荐

吕小鸣
Web前端工程师

腾讯高级web前端工程师，从事web开发6年，对iOS开发，PHP开发以及web前端相关领域都有涉猎，手机QQHybrid页面主力开发，尤其专注于移动web开发，对相关实际项目和调优工作有深厚的经验，热爱分享，喜爱钻研技术，同时对代码严谨性有一定的要求，授课风格幽默诙谐，声音富有磁性。慕课网出品课程《移动web适配利器rem》

讲师课程

移动Web App开发之实战美团外卖
实战课 中级 389

相关课程

3.WebAPP开发与小程序
体系课 4041

提问题

提交

其他问答

查看更多本节问答

写笔记

代码语言
公开笔记
提交
加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

为什么设计稿会比实际开发大一倍？

最新回答 / qq_PurpleViolet_0
因为iPhone 6的设计图是2倍图，在iOS中，宽度是375pt，换算成px为750px。
1 回答 1118 浏览
2019-11-08

不熟悉sass，有没有纯js代码实现的，网上版本太多比较乱

最新回答 / 慕村9579120
有的，编写好一个js文件，然后引入就可以，编写的时候全部使用rem单位。
1 回答 955 浏览
2019-09-18

这个报错怎么解决

+ 我来回答 回答最高可+2积分
2 回答 767 浏览
2022-04-21

项目如何启动的？

最新回答 / qq_馥雪_0
npx webpack
1 回答 1012 浏览
2019-12-03

视频源码在哪里

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

$rem的值就等于动态获取的html的font-size的值吗？

最新回答 / 卡的一匹
1.font-size决定字体的大小，rem=px2.rem的值就是font-size获取的px的值3.前面有公式用：@function px($px){ $rem:37.5px; @return ($px / $rem) + rem;}
1 回答 1744 浏览
2019-01-18

我在考虑有没有办法把app.js里面计算好的font-size传到scss里面，那么就可以适配所有机型了，谁有好办法？

最新回答 / qq_幼兽_0
我也是特别纠结这个地方，没太明白 $rem: 37.5px;不就是直接写死了吗？应该是 $rem: font-size才对啊
2 回答 1360 浏览
2020-06-10

如果手机用的是iPhone6plus了，这么办？那这个适配要怎么改？

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

//获取视窗高度
le...
1 回答 1531 浏览
2018-10-27

不同视觉稿的初始的rem设置

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

能提供设计稿么？

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

rem的换算的时候那个$rem为什么要写死成37.5呢，那动态设置html的font-size 还有什么意义呢？

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

视觉稿大两倍问题

最新回答 / qq_泡泡_39
375设计稿的1：1，750的设计稿就要除2，视频中的设计稿是750的吧
1 回答 1273 浏览
2018-08-21

老师，标注图在哪里可以下载

最赞回答 / 菜鸟66
一般企业里ui都会提供标注图的，网上也有很多，练习的话没必要非要和老师的一样。
1 回答 1012 浏览
2018-11-20

这个基准值是怎么确定的

最新回答 / web_zds
苹果6的屏幕宽度为375px，375/10便得到了37.5。给的设计稿一般情况下是iPhone6的，2倍图，不是的话，你可以先把设计图缩放一下，变成宽度375的，然后用37.5；或者用给的那个设计稿宽度除以10。跟js没有关系
1 回答 2036 浏览
2018-05-30

项目如何搭建

最新回答 / 陈默有言
因为用到了sass，所以要用构建工具，webpack gulp之类的，如果不用的话就用js控制吧，毕竟为了这个还要再去学习构建工具，主要目的是定义font-size基准值，计算px转成rem大小
1 回答 1246 浏览
2018-10-13
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言