好像是的

课程中有设置html,body 高度100%

并且设置page页面的高度 100%

可以发实现效果截图，具体分析一个，执行index.html页面，快捷键f12可以调试

认真听课好嘛？不用插件，用css就可以实现
background: url("../images/p1_lantern.png") no-repeat center center;

background-size: 100%;

可参考：https://github.com/ar414-com/web/blob/master/html5cards/css/style.css

可以参考下我的作品，在老师的基础上我做了优化：
1、音乐停止与播放时图标指针变化
2、第二页倒计时显示
3、展示到第三页的时候绑定上拉下滑翻页。
github：https://github.com/ar414-com/html5cards
效果链接：https://ar414-com.github.io/html5cards/(觉得有帮助可以start一下呗)

https://github.com/ar414-com/web/tree/master/html5cards

可以参考一下我的作品，在老师的基础上我做了优化：1、音乐停止与播放时图标指针变化 2、第二页倒计时显示 3、展示到第三页的时候绑定上拉下滑翻页。github：https://github.com/ar414-com/html5cards 效果链接：https://ar414-com.github.io/html5cards/(觉得有帮助可以start一下呗)

有三级 border padding content

我理解的是图片在border内部 而文字在content内部

71.2vh如果不加border-box指的是content的大小，加了以后就变成了border大小；所以图片还是和原来一样，而文字因为padding处于灯笼内部。

还有一种方法是不加border-box直接把高度改为40.2vh（71.2-31）；

“资料下载”已切片，可以直接使用。

可以参考下我的作品，在老师的基础上我做了优化：

1、音乐停止与播放时图标指针变化

 2、第二页倒计时显示

 3、展示到第三页的时候绑定上拉下滑翻页。

github：https://github.com/ar414-com/html5cards 

效果链接：https://ar414-com.github.io/html5cards/(觉得有帮助可以start一下呗)

可以用margin:auto看行不行

我把下一节的写上去之后又好了

这个可以把padding/margin都设置0,  

我的也是！求博主的音乐资源。

没有所谓的公式，直接通过原图测量div的高宽去对比网页总高宽得出vw或vh

用谷歌浏览器运行你的HTML，F12调试，换成手机模式

谷歌浏览器+开发工具

1. 打开 https://www.imooc.com/activity/project1 在线演示地址

2. 按 F12 打开调试

3. 切换到 网络  面板

4. 点击  媒体  筛选，就会看到mp3那个资源

5. 如果没有，刷新一次

6. 右键mp3资源链接，在新标签页打开，最后按 Ctrl + S 保存即可
   

640px=100vh，100/640=.015625，那么1像素就是0.15625vh，把你量出来的像素*0.15625=你所需要的vh高度

对于前端，PS 主要是切图用，只要了解切图工具就行；对于设计，PS才是主要工具

可以是一个人。