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

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

QA

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

본문

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

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

 

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

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

 

이 질문에 댓글 쓰기 :

답변 1

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 171
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT