개발일기/CSS
CSS - 반응형 16:9 비율 유지하는 법
CSS - 반응형 16:9 비율 유지 개요 이 https://css-tricks.com/aspect-ratio-boxes/ 페이지를 보고 번역/의역을 했습니다. 자세한 내용은 위 링크를 참고해주세요. 유투브 동영상 또는 반응형 작업시에 필요한 비율에 대해 다뤄봤습니다. padding-top 사용 padding-top 또는 padding-bottom 사용 padding 값은 요소의 width을 참조한다. width값이 100px이고 padding이 20%이면 px로 계산하면 20px이다. padding-top을 56.25%을 주면 16:9 비율로 보인다. height: 0을 주면 박스 모델 높이에 영향을 주는 것이 padding-top밖에 없다. .video { overflow:hidden; padding..
