css 화면 비율 유지

16:9 화면비율 유지

.img-box{
position:relative;
width:100%;
padding-top:56.25%;
}

img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

1:1 비율

.img-box{
padding-top:100%;
}

4:3 비율

.img-box{
padding-top:75%;
}

3:2 비율

.img-box{
padding-top:66.66%;
}

8:5 비율

.img-box{
padding-top:62.5%;
}