iframeタグ内容に応じた分類
状態:未解決
閲覧数:1,564
投稿日:2015-06-17
更新日:2015-06-17
1.iframeタグ修正可能
2.iframeタグ修正不可
2.iframeタグ修正不可
1.iframeタグ修正可能なケース
iframeタグをコントロール可能な場合
自分でiframeタグを記述など
遭遇例
・Bootstrap3
試してみるも望む結果を取得できなかった内容
・iframeタグを囲うタグにクラス指定( class="col-xs-12 col-sm-12 col-md-12")
・効果なし
最終的な対応
・iframeタグに直接クラス名を指定
<iframe class="col-xs-12 col-sm-12 col-md-12"></iframe>
2.iframeタグ修正不可なケース
JavaScript
JavaScript等で呼び出したレスポンスとしてiframeタグを表示するパターンなど
・iframeタグ広告
実際に試してみたコード
.iframe-content iframe {
max-width: 100% !important;
}
見た目はOK
・右端に広告が飛び出していない
問題発覚
・うまくいったと思ったのも束の間
・よく見ると、広告の一部が表示されなくなる問題が発生
・レスポンシブでも何でもない
・単に余計な部分を表示しないだけ