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

Hello,移动WEB

碧仔 Web前端工程师
难度中级
时长 2小时 1分
学习人数
综合评分9.53
240人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
搞不懂为什么要撕逼?这又不是微博 黑人问号脸????
老师真的讲错了。
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
<meta name="viewport" content="width=device-width, initial-scale=1">

逻辑像素等于物理像素
我觉得吧,是老师有些东西没有讲清楚,所以有人觉得混乱,这个课程里面只讲了两个视口,布局和可视化。在ppk的书里讲了3个,加上一个理想视口,也就是设备独立像素的大小。布局视口是一个浏览器固定大小的视口,用来布局,然后可视化视口来进行缩放显示页面的。但是在页面宽度大小大于布局视口的时候,老师没有仔细讲,为什么没有出现滚动条。这里是因为可视化视口进行了缩放导致的,所以我们在后面禁止页面的可视化视口进行缩放。出现滚动条的必要条件不是页面的宽度大于布局视口,而是大于布局视口宽度的一定比值之后才会出现滚动条。后面又让width=device-width,可视化视口=布局视口=理想视口。大概就是这样。
谢谢老师!
讲的内容有干货,解答了不少迷惑。只是有些单词发音让我很尴尬[哈哈哈]
1024px 980px 720px 640px 320px
第二天产品就会说,为什么在ie浏览器中页面是乱的 TAT
说喜欢上老师的妹纸,我很好奇你是“喜欢上”老师,还是喜欢“上”老师。。。
老师,整个课程完了吗?希望可以继续更新
开发环境工具是什么呢?
学习啦,非常感谢老师的讲解。
总算是理解了 先算ppi 再得到对应的dpr 以常见的5.7寸 1920*1080屏做例子 那就是1920的平方加1080的平方和开根得到386ppi>320ppi 那么缩放比的dpr=2.0 那么1逻辑像素就等于4个设备像素 形象点就是由一个“口”变成的“田” 那么长宽就各是2倍的关系 高就是1920/2=960px 宽就是1080/2=640px
课程须知
本课程是前端中级课程,您要具备以下知识: 1、HTML基础知识 2、CSS基础知识 3、JS基础知识
老师告诉你能学到什么?
1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消