iframeに親ページのCSSを適用する

jQueryで読み込ませる

親ページからiframe内の要素にCSSを適用させる方法
loadが終わってから親のCSSをiframe内のHTMLに適用する。

$(function(){ $('#frame').on('load', function(){ $('#frame').contents().find('head').append('<link rel="stylesheet" href="style.css" type="text/css" />'); }); });

ついでに、iframeのレスポンシブ対応(CSS版/JavaScript版)

iframe要素のスマホ対応 – CSSとJavaScriptそれぞれのレスポンシブ対応方法
divで囲んで何とかするか、JavaScriptのライブラリを使う。

ー記事をシェアするー

B!