유투브(youtube) 비율 맞춰서 반응형 크기조절
2016. 8. 8. 10:48ㆍ웹랩/html&css
반응형
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>
예제
반응형
'웹랩 > html&css' 카테고리의 다른 글
text-transform으로 영문 대소문자 표현하기 (0) | 2018.04.03 |
---|---|
나눔바른고딕 웹폰트 (0) | 2016.08.22 |
링크 css (0) | 2016.08.22 |
문자참조 (기호, 특수문자) (0) | 2016.07.25 |
텍스트 줄 바꿈 css (0) | 2016.07.12 |