设置高度等于动态宽度(CSS方法)
如果根据父容器设置宽度,则可以将高度设置为0,并将填充-底部设置为百分比,该百分比将根据当前宽度计算:.img-div{position:relative;width:100%;height:0;padding-bottom:100%;img {position:absolute;top:0;...
·
如果根据父容器设置宽度,则可以将高度设置为0,并将填充-底部设置为百分比,该百分比将根据当前宽度计算:
.img-div { position: relative; width: 100%; height: 0; padding-bottom: 100%; img { position:absolute; top:0; left:0; width:100%; height:100%; } }
这在所有主要浏览器中都能很好地工作。
更多推荐
已为社区贡献1条内容
所有评论(0)