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

移动web开发适配秘籍Rem

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

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

最赞回答 / 慕勒206598
<...图片...>写的媒体查询条件有问题,改一下就好了

最新回答 / qq_orientalbeau_0
echo 是PHP里面的

最赞回答 / 萱草t
要全局安装才能在命令行中使用,代码如下:npm install -g node-sass

最新回答 / 梁凤波
我是这样减少获取dom的获取:<...code...>

最新回答 / qq_orientalbeau_0
以前在右下角能够下载源代码,现在应该不可以下载了

最新回答 / qq_泡泡_39
375设计稿的1:1,750的设计稿就要除2,视频中的设计稿是750的吧

最赞回答 / Jayberg
必须要加上<meta name="viewport" content="width=device-width, initial-scale=1">

最新回答 / 梦凝哲雪
width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用 device- width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智...

最新回答 / 岂不是文质彬彬
哈哈,老师疏忽了吧,确实,这门课程也是讲的很基础的rem课程,适合小白白入门用

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

最新回答 / web_zds
苹果6的屏幕宽度为375px,375/10便得到了37.5。给的设计稿一般情况下是iPhone6的,2倍图,不是的话,你可以先把设计图缩放一下,变成宽度375的,然后用37.5;或者用给的那个设计稿宽度除以10。跟js没有关系
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消