css(3)div盒子以一定比例缩小

.support_content{
  width: 99%;
  height: 15rem;
  background-color: aqua;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.support_item{
  float: left;
  width: 28%;
  /* 高设置为0时,padding-bottom是按宽来算百分比的,可以做到div宽高以一定比例缩小 */
  height: 0;
  padding-bottom: 28%;
  border: solid 1px red;
  margin: 0 auto;
}

css(3)div盒子以一定比例缩小

 

 

css(3)div盒子以一定比例缩小

 

css(3)div盒子以一定比例缩小

上一篇:0-URL.createObjectURL()的使用方法


下一篇:搭建http服务器