유튜브(youtube) 비율 맞춰서 반응형 크기조절
css
.youtube{position:relative;width:100%;padding-bottom:56.25%}
.youtube iframe{position:absolute;width:100%;height:100%}
html
<div class="youtube">
<iframe allowfullscreen="" frameborder="0" width="640" height="360" src="https://www.youtube.com/embed/h32vAdcaV20"></iframe>
</div>
예제
'Web Lab' 카테고리의 다른 글
나눔바른고딕 웹폰트 (0) | 2018.08.15 |
---|---|
a태그 css (0) | 2018.08.15 |
xhtml 문자참조 (기호, 특수문자) (0) | 2018.08.15 |
텍스트 줄 바꿈 css (0) | 2018.08.15 |
포토샵 글씨체가 굴림체로 바뀔 때 (0) | 2018.08.15 |