CSS로 유튜브 반응형 코딩
·
웹표준&CSS
CSS를 사용하여 유튜브 동영상을 반응형으로 만드는 방법을 설명하겠습니다.HTML 구조먼저 유튜브 iframe을 div로 감싸는 구조가 필요합니다: CSS 스타일링반응형 동영상을 위한 CSS 코드:.video-wrap { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;}.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }작동 원리이 방식이 작동하는 원리는 다음과 같습니다:div 컨테이너에 p..