div宽高按照特定比例显示内容padding-bottom
程序员文章站
2022-06-20 19:02:16
...
使div的宽和高始终按照一定比例显示,定义好宽度,高度为0,然后使用padding-bottom
Html内容:
<div class="a"></div>
style样式内容两种写法:
第一:
.a{
overflow: hidden
width: 100%
height: 0
padding-bottom: 31.25%}
第二:
.a{
width:100%
height: 31.25vw}
上一篇: 运行其他程序-源码分享 源程序已分享
下一篇: 你这个没良心的