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

移动web开发适配秘籍Rem

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

最新回答 / 翌子涵
以iphone6为例,浏览器中的iphone6的宽度是375px;而一般设计师出的设计稿的宽度是750px,所以宽和高等比除以2

最新回答 / 慕UI8920113
我想说我的也没有  谁能告诉我为什么?

最新回答 / 早睡的猫
emmm,当我的更正没说,innerwidth获取的是要包括滚动条的

最赞回答 / 牛奶老哥哥
因为375是iPhone设备普遍宽度,基准值多少老师说了无所谓,只是方便计算,就酱望采纳。

最赞回答 / 慕函数5077789
你可以去下载Flexible.js,引入到你的页面,这是淘宝开源的rem处理js

已采纳回答 / 森森森0w0
没关系的,scss只是为了编写代码方便而已。如果不用scss,那么就不能定义CSS函数,得写rem单位

最赞回答 / chendidi
你想要的是webpack的配置文件么?我的不是和教学视频一模一样,这是我的,你可以看看,能正常运行var webpack = require('webpack');var path = require('path');module.exports = {    entry: ['./app.js'],    output: {        path: path.resolve(__dirname, './build'),        filename: 'bundle.js'    },    mod...

最新回答 / Equals丶
浏览器开发者模式,选择页面元素旁边那个按钮

最赞回答 / 枫叶咚咚咚
函数function px2rem()返回的是 return ($px / 37.5) + rem, 也就是返回的是 xx rem,而rem是根据屏幕宽度得到的, 1rem=font-size值,设定 font-size = cilentWidth / 10 + 'px' (这里才是真正的rem值设定), 以iphone6为基准(clientWidth = 375px),  那么1rem = 37.5 px,这个函数输出就等于输入,因为分母37.5被消除了, 而其他屏幕大小clientWidth改变,1r...

最赞回答 / 吕小鸣
这些会在后续的移动web实战课程讲解哦,敬请期待吧哈

最新回答 / 蓝图1212121
为啥我获取到的还是1920.是不是meat专用移动设备的没起作用?
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消