유투브(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