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

移动web开发适配秘籍Rem

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

最新回答 / 慕梦前来
没有报错吗也,那可能是已经在执行了,等一会就好

已采纳回答 / qq_慕娘0178431
web端,最大的问题是解决各个浏览器厂商的兼容性问题,不存在屏幕尺寸适配问题,自动放大和缩小,同样可以采用百分比布局,rem布局,web端的自动放大缩小一般情况下使用弹性盒子布局实现就像1里面说的,web端不全是固定宽高,居中,web端的样式多样化,可编辑性强,不能笼统的一概而论说某个网页就使用单一的布局方式实现,需要考虑一个多元性,但是没有媒体查询这一说,web端的自动放大缩小一般情况下使用弹性盒子布局实现,以上理解为个人理解。

最新回答 / 内六角
因为平时开发ui给我们的一般都是基于iphone6的稿子,所以我们开发写的所有css就是基于这个尺寸来的。

最新回答 / 十号
的确更好,但是我看完了课程是基础课程。JS作为基础,能更好的让学习者理解原理。相对于拿脚手架工具直接用,我个人更倾向JS处理。脚手架可以拿来参考。
课件在哪儿

最新回答 / Alstons
?sorry,我这没有全局安装。已解决
我还以为这里要取反值320/10的时候要取16 320/20的时候要取32.我怀疑要是除了其他数怎么办,赶紧看看评论有问的吗??原来,,,哎
讲一下viewport适配,谢谢老师

最新回答 / qq_馥雪_0
好像是因为设计稿是苹果6的尺寸设计的,所以设计稿内的其他元素的尺寸跟屏幕做比例。
在以前,我们都是通过手动计算或者通过 sass 函数来计算。如今,这个操作一般通过 webpack 插件来完成,我们直接在代码中写入视觉稿中的尺寸即可。如 postcss-pxtorem。

'postcss-pxtorem': {
rootValue: 40,
unitPrecision: 5,
minPixelValue: 2,
selectorBlackList: [/^.mint-/],
propWhiteList: []
}
我感觉重要知识点都没带过没细讲。。。

最新回答 / qq_PurpleViolet_0
因为iPhone 6的设计图是2倍图,在iOS中,宽度是375pt,换算成px为750px。
首页上一页1234567下一页尾页
课程须知
1、对html,css,javascript基础知识已经掌握。 2、掌握简单的css布局方法和dom的api。
老师告诉你能学到什么?
1、了解移动web常见的调试方法 2、了解移动web常见的适配方案 3、掌握移动端布局技巧 4、基本的前端项目构建方法 5、全面掌握rem适配方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消