2026, 새로운 도약을 시작합니다.

반응형 동영상 넣을때 높이100% 맞추는 방법 채택완료

반응형 동영상 소스로 padding-bottom: 56.25%; /* 16/9 ratio */  등을 이용해서

가로폭에 꽉차게  (100%) 하는 방법을 즐겨 사용하고 있습니다.

세로폭을 고정으로 하고, 가로가 비율에 맞게 (영역이 좁으면 가로 양쪽끝은 가려지도록)

보여지는 방법을 알고 싶습니다. 

답변 1개

이 경우 부모 속성값이 크기가 지정이 되어있지 않는경우가 있습니다. 

예로 들어 width, height 페이지가 100%인 페이지를 이용하여 전체 화면인 레이아웃을 구성한다 가정하였을때, section 에 height:100%; 를 넣어도 작동 되지않고 body,html에도 height:100%를 적용시켜주었을때 가능하였습니다.

그렇게 생각을 하였을때 영상을 둘러싸는 부모 영역과 body,html의 height를 100%로 먼저 지정하면 가능할것같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고