1回答

好帮手慕夭夭

2020-07-03

同学你好，问题解答如下：

1.padding-bottom设置百分比是根据父元素宽度计算的。父元素的div的宽度默认是相对页面100%显示的，例如iPhone6设备下，父元素宽度为375px，那么这里padding-bottom:50%计算的结果就是187.5px。ipad设备下，父元素宽度为768px，padding-bottom:50%计算结果就是384px。

所以这里并没有使用高度去设置，而是把height:0设置为0。然后使用padding-bottom：50%去撑开容器的高度，就能让容器的高度根据页面的宽度去自适应。

2.overflow:hidden是超出隐藏，假如有内容超出了容器，超出的部分会被隐藏。当然了，没有超出的内容，去掉overflow:hidden也可以哦。

果我的回答帮到了你，欢迎采纳，祝学习愉快~

0