JonathanLiu
获得徽章 0
- # 每天一道前端中高级面试题 # 例如图片宽度设置100%,那么图片高度也会按比例缩放，现在有一个div，我们把它的宽设为100%，它的宽如何按比例缩放？
答案: 这个问题当时没答上来，太偏了，最终在网上找到了终极解决方案，需要在div外层套一个div，css如下比例是16：9缩放（具体原理请参考这篇文章
imweb.io）：
.outerDiv{
height: 0;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
width: 100%;
}
.outerDiv .innerDiv{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}展开1011
imweb.io