[CSS] 이미지 비율계산

.gallery .board 에서 43.2% 계산방법.

 

223(이미지하나의 넓이) + 223(이미지하나의 넓이) + 20(margin-left) + 10(margin-left) = 476

476/1100*100 = 43.2727%

 

::before padding-top 부분

 

(높이/넓이)*100 ===> 큰 이미지 기준.

 

 

 

220321 추가

 

height / width * 100 = padding-bottom

[CSS] selector { width: 100%; padding-bottom: 계산값; background-size: 100%; }

 

출처 https://5603.tistory.com/135