注意: このページは最後に更新されてから 1422 日が経過している記事です。 文章が腐敗している可能性があります。その点を考慮した上で確認ください。

スマホ対応

提供: kimoto's wiki

  • レスポンシブデザインってやつ!!
  • CSS3 の Media Query っての使えばいい。
  @media only screen and (max-width: 480px) {
    iframe[src^="//www.youtube.com"]{
      width: 100%;
      height: auto;
    }
  }

とか書いとけばYoutubeのiframe埋め込み動画だけいい感じに伸長してくれる。