ソーシャルサービスの埋め込みパーツをレスポンシブデザインに対応させる<div class="YouTube"> <iframe width="640" height="360" src="//www.youtube.com/embed/OE6TOU-IKJY" frameborder="0" allowfullscreen></iframe> <!-- / .YouTube--></div> /* YouTube */ .YouTube { overflow: hidden; position: relative; /* paddingで高さを出している */ height: 0; padding-top:30px; padding-bottom:56.25%; } .YouTube iframe, .YouTube object, .YouTube embed { position: absolute; top: 0; left: 0; width: 1
