개발에 적용/퍼블리싱
영상 종횡비 유지하기 (padding)
roroism
2023. 10. 6. 22:19
# 영상 종횡비 유지하기
.utube {
position: relative;
padding-top: 56.25%; /* 315 / 560 * 100 */
}
.utube__iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}