영상 종횡비 유지하기 (padding)
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;
}## demo 코드 페이지
'개발에 적용 > 퍼블리싱' 카테고리의 다른 글
| 카카오 or 라인 인앱 브라우저 회피하여 외부 브라우저에서 띄우기 (1) | 2024.12.30 |
|---|---|
| video태그의 disablePictureInPicture 속성과 playsinline 속성 (1) | 2024.07.08 |
| 자리표시자(매우 간단한) (0) | 2023.10.10 |