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

Hello,移动WEB

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

已采纳回答 / 碧仔
感谢指出笔误,旧版的是使用:display:-webkit-box和-webkit-box-flex:1
希望老师讲一个完整的移动端web案例
跟我念,十四是十四
px: css puxels逻辑像素,浏览器使用的抽象单位

dp,pt: device independent pixels设备物管像素

dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;

dpi: 打印机每英寸可以喷的墨汁点

ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
老师是广东哪里的啊?听老师的口音感觉就是个师兄一样啊,哈哈哈哈
哦 后面讲了
老师! flex-box是根据父容器剩下的空间来划分的!
老师讲的很清楚,很容易明白
讲得不错,之前在接触移动端的时候,虽然知道要设置viewport,但是对里面的设置了解得并不多,只知道是那样用,谢谢老师
为什么不适用默认的980px布局的viewport
* 宽度不可控制,不同系统不同设备的默认值都可能不同
* 页面缩小版显式,交互不友好
* 链接不可点
* 有缩放,缩放后又有滚动
px: css puxels逻辑像素,浏览器使用的抽象单位
dp,pt: device independent pixels设备物管像素
dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;
dpi: 打印机每英寸可以喷的墨汁点
ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
老师讲的真不错。。。期待之后出更多的视频。。。。辛苦了!!

讲师回答 / 碧仔
Chrome浏览器自带的开发者调试工具。 Window使用F12打开,Mac上cmd + option +j
老师chrome设备调试的时候,是不是应该刷新下页面。。。。。
还好,老师只是讲一下初期,我这个不懂JS的人,后来听得有点吃力,大体都不错,学到东西了,谢谢老师分享
display:-webkit-flex;

子元素
flex:1
课程须知
本课程是前端中级课程,您要具备以下知识: 1、HTML基础知识 2、CSS基础知识 3、JS基础知识
老师告诉你能学到什么?
1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消