工作的過程中静檬，排版經(jīng)常會遇到為了整潔炭懊，需要把圖片整理成一樣的寬高，通常的做法是設(shè)置固定寬高拂檩。
目前固定圖片比例一般為16:9侮腹，寬高比為1:0.5625，下面為css：
代碼塊
.box{
background:#ccc;
position:relative;
overflow:hidden;
margin:20px;
}
.box::after{
padding-top:56.25%;
content:"";
display:block;
}
.img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%,-50%);
max-width: 100%;
margin: auto;
}
首先設(shè)定box偽類元素padding-top為了16:9的比例稻励，并且設(shè)定content為空父阻，display為block，把空間撐出來接著設(shè)定圖片的內(nèi)容望抽，然然后設(shè)置圖片的參數(shù)加矛，垂直居中
