반응형 동영상 넣을때 높이100% 맞추는 방법
본문
반응형 동영상 소스로 padding-bottom: 56.25%; /* 16/9 ratio */ 등을 이용해서
가로폭에 꽉차게 (100%) 하는 방법을 즐겨 사용하고 있습니다.
세로폭을 고정으로 하고, 가로가 비율에 맞게 (영역이 좁으면 가로 양쪽끝은 가려지도록)
보여지는 방법을 알고 싶습니다.
답변 1
이 경우 부모 속성값이 크기가 지정이 되어있지 않는경우가 있습니다.
예로 들어 width, height 페이지가 100%인 페이지를 이용하여 전체 화면인 레이아웃을 구성한다 가정하였을때, section 에 height:100%; 를 넣어도 작동 되지않고 body,html에도 height:100%를 적용시켜주었을때 가능하였습니다.
그렇게 생각을 하였을때 영상을 둘러싸는 부모 영역과 body,html의 height를 100%로 먼저 지정하면 가능할것같습니다.
답변감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
