CSS实现宽度自适应100%,宽高16:9的比例的矩形
2019-07-01 本文已影响0人
椰果粒
如果宽为100%,高为100/16*9 = 56.25%
*{
margin: 0;
padding: 0;
}
div{
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: red;
}
如果宽为100%,高为100/16*9 = 56.25%
*{
margin: 0;
padding: 0;
}
div{
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: red;
}