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

Hello,移动WEB

碧仔 Web前端工程师
难度中级
时长 2小时 1分
学习人数
综合评分95.7
234人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
viewport解释的很乱。
手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。
我作为一个前端就感觉讲的真的是听不明白,本来自己清楚的被他说迷糊了

最新回答 / 十指狂魔
因为body本身默认是有左右8px的的外边框的,2*8=16 320-16=304<...图片...>覆盖掉就好了<...图片...>
老师是台湾人吗? 口音好像周杰伦啊!哈哈哈

最新回答 / qq_雨_qvEM89
样式里面width设置为100%
如果老师普通话标准点就更好了
好多对移动端问题豁然开朗。谢谢老师,很喜欢老师的声音
sorry没听明白

最新回答 / Junnnnh
设备像素缩放比的计算公式是:dpr = ppi / 160,反正我算得的结果是2.5不过即使是2.5,也会和414*736的逻辑像素有差异,我猜想这样调节是为了让手机里的图标显得更自然
讲的太好了,感谢老师!
讲得好,很明白
度量viewport的宽度并不是通过window.innerWidth来获取的,度量viewport的宽度就是我们的设备宽度
老师讲的viewport的概念是错误的,initial-scale缩放的是layout viewport而不是visual viewport
首页上一页1234567下一页尾页
课程须知
本课程是前端中级课程,您要具备以下知识: 1、HTML基础知识 2、CSS基础知识 3、JS基础知识
老师告诉你能学到什么?
1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症
意见反馈 邀请有奖 帮助中心 APP下载
官方微信

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消