YouTube動画をスマホサイトでレスポンシブにするCSS – NonTitle
サイトをレスポンシブ対応させると埋め込んでいるYouTubeがスマホで閲覧した際にページの横幅を拡大させスクロールバーが出てしまいます。これは設定しているviewportがPC用に設定したYouTube動画の横幅と縦幅をそのまま使ってしまうからです。そんな困った問題を解決する方法があります。 プラグインやJavascriptなどいくつか方法があるようですがCSSで対応してしまうのが一番手っ取り早いと思ったのでCSSを選択しました。このCSSを考えた人すごいなー。 .youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtube iframe { position: absolute; top: 0; left: 0; width:
%25E9%2596%25A2%25E9%2580%25A3)
JavaScript インラインフレーム(iframe)関連 - とみぞーノート
いろいろハマリがちなJavaScriptでインラインフレームを扱う場合のメモ。 特に断らない限りブラウザのバージョンは以下が前提。 iframeのwindow,documentの取得方法はIEとMozilla系(NN,FireFox)で異なる。 IEはframes配列のwindow,documentプロパティから取得できる。Mozilla系はiframeエレメントのcontentWindow,contentDocumentプロパティから取得できる。 IEでもMozilla系と同じくiframeエレメントのプロパティから取得することもできるが、contentDocumentについてはIEには存在しないので、documentはcontentWindow.documentとしてcontentWindow経由で取得しなければならない。 (1) frames配列から取得する場合 frames['xx
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can I call a function in an iframe's parent using Greasemonkey
FRAME SRCで指定したCGIに引数を付けてPOSTで送信することができますか？
