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

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

QA

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

답변 1

본문

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

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

 

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

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

 

이 질문에 댓글 쓰기 :

답변 1

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 61,339
© SIRSOFT
현재 페이지 제일 처음으로