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

Hello,移动WEB

碧仔 Web前端工程师
难度中级
时长 2小时 1分
学习人数
综合评分9.53
240人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

已采纳回答 / 碧仔
DPI,等同于PPI。单位英寸内的像素密度。如iphone5的 dpi 是 326,dpr 缩放比为 2

已采纳回答 / 碧仔
参考下面章节的内容,使用meta标签更改默认viewport

已采纳回答 / 流沙_0017
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">要让视口宽度等于设备宽度才会满屏,你那样body宽还是980px,当然占不满

已采纳回答 / 碧仔
感谢指出口误,是减少页面的重排不是重绘。absolute的元素更改位置可以减少整体页面的重排,仅仅对自身进行重绘和重排,从而提升性能。

讲师回答 / 碧仔
https://github.com/williamtank/welcome_mobile web_flex.html 以后你们查看flex特效都可以用得着

讲师回答 / 碧仔
。。。。为什么是IE7,而不是我们老朋友IE6。回到问题,IE7肯定不行,IE8也是不行的。查看兼容性的话,建议学习使用http://caniuse.com/ 大项目当然可以使用,只是大项目的兼容性要到那里?如果你的项目需要所有用户都能访问的,要兼容低版本的IE,那Flex是不建议使用的。范围移动端,手机上的浏览器版本较高,这种CSS新特性能够使用

讲师回答 / 碧仔
viewport更像是个容器。如果没有viewport,页面就会渲染在一个小屏幕里面,这时根本不需要缩放了(T_T)对吧。

讲师回答 / 碧仔
参考2-1节,像素的转换关系

已采纳回答 / 碧仔
如上面同学的回答。在实际的开发当中,一般都是使用长度的换算关系即可,1px = 2dp可能更好理解。

讲师回答 / 碧仔
1px = dpr ^2 * dp 是平面上的像素换算,但实际开发当中使用更多的是长度上的换算: 1px = dpr * dp。所以320px = 640dp 注意这时候320px 是长度不是平面,568px同理。

讲师回答 / 碧仔
当然,不排除国产机型的特殊性,你应该懂的

讲师回答 / 碧仔
我母鸡啊

讲师回答 / 碧仔
还好现在已经过了Android2.3的时代了,基本上可以放心大胆Flexbox(旧版),新版需要Android4.4及以上
课程须知
本课程是前端中级课程,您要具备以下知识: 1、HTML基础知识 2、CSS基础知识 3、JS基础知识
老师告诉你能学到什么?
1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消