YouTubeなどの埋め込み iframe を CSS だけでレスポンシブウェブデザインに対応させる方法
YouTubeなどの埋め込み iframe を CSS だけでレスポンシブウェブデザインに対応させる方法 2014年06月02日 15:08HTML / CSS YouTube で取得できる埋め込み用コード、 いまは iframe になってますね。 こんなぐあい。 これをレスポンシブウェブデザインに対応させるにはどうしたらいいか、 というお話です。 画像とは事情が違う 通常、ブラウザの幅にあわせて画像の表示サイズが変わるようにしたければ CSS でこんな感じに書くと思います。 img { width: auto; max-width: 100%; height: auto; } これで、最大幅は親要素の幅と同じ、 元の画像がそれ以下のサイズ場合は本来の幅で表示され、 高さは縦横比を保ちながら適切なサイズになりますね。 ところが iframe の場合は事情が違って、 適切なサイズで表示するに
Airemix PukiWiki - WinIE6の標準モードにおいてフレーム内ページに横スクロールバーが表示される件
Internet Explorer TIPS ↑ Microsoft Internet Explorerと送る素晴らしいHTML/CSSの世界。 Internet Explorer TIPS 概要 IE6標準準拠モードのとき、仮想エレメントが認識されない ゆいチャットのCookieがIE6で破損する問題について WinIE6の標準モードにおいてフレーム内ページに横スクロールバーが表示される件 そもそもの経緯 この問題 これまでの回避策 新しい回避策 Webチャットで気になる問題の回避 原因 解決方法 おまけ 参考 概要 ↑ みんな大好きMicrosoftの、みんなが愛用Winowsには、 みんなの必携アイテムInternet Explorerが、標準ブラウザとしてついてきます。 そんなIEの陥りやすい罠を、笑いと涙とともにお送りします。 IE6標準準拠モードのとき、仮想エレメントが認識さ
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cubdesign.com/blog/archives/2005/04/for_ie.html
