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

スマホ対応

提供: kimoto's wiki

2013年8月15日 (木) 07:18時点におけるKimoto (トーク | 投稿記録)による版 (ページの作成:「*レスポンシブデザインってやつ!! *CSS3 の Media Query っての使えばいい。 <pre> @media only screen and (max-width: 480px) { iframe[src^="//www...」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

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