[css] 반응형 16:9 비율 유지 박스 컨텐츠 영상 삽입 16:9의 비율을 유지하는 이미지, 컨텐츠 영역을 만듭니다. 웹 또는 앱에 유튜브 영상 화면을 삽입할 경우, 유튜브 영상의 비율(영상 화면 삽입 이미지 사이즈)인 16대 9의 비율로 영역을 만들어 컨텐츠를 삽입니다. css에서 부모 요소와 padding-top 속성을 이용하여 너비와 높이를 일정 비율로 하는 크기의 박스를 만들 수 있습니다. 이런 방법으로 유튜브 영상 사이즈 16:9 비율 크기의 요소를 만들어 사이트에 삽입할 수 있습니다. 일정 비율 크기 설정 예제 html css .container { width: 400px; background-color: gold; } .item { width: 100%; height: 0; padding-top: 50%; } 화면 해당 요소에 height: 0; .. 이전 1 다음 반응형
