親ページからiframe内の要素にCSSを適用させる方法
親ページからiframe内にCSSを適用させる方法を紹介します。 １．問題点 次のようなHTMLがあるとします。 index.html（親ページ） <iframe id="test" src="test.html"></iframe> test.html（iframeで呼び出すページ） <html> <head> <title>test</title> </head> <body> <p>test</p> </body> </html> で、iframe内に表示させるページのp要素にindex.htmlからcssを設定したいのですが、方法が分かりません。 ということで、親ページからiframe内の要素にCSSを適用させる方法を紹介します。 ネットで調べてみるとサンプルが色々出回っているのですが、情報が古かったり動作しないものが多かったので、このエントリーですぐに使えそうなものを作ってみまし
» FacebookのPage PluginでPCは小さく、スマホは100%にするレスポンシブ対応CSS｜今プラスブログ
FacebookページをWEBサイトに貼り付ける時に、使うpage plugin。 レスポンシブデザインにする場合、PCが500pxでタブレット、スマートフォンを100%にする場合は結構簡単なんですが、PCの時は240pxなど小さいサイズにしてスマートフォンの時は100%にする場合は少し工夫が必要です。 1.page pluginでは500pxで取得する Page PluginのページのWidthには500を入力して、最大サイズである500pxのコードを取得します。 参考リンク：Page Plugin 2.CSSで下記を指定する 今回はブレイクポイント(画面によってCSSが切り替わるポイント)を2つにしました。 641px以上又は641px以下かというポイントです。 @media screen and (min-width:641px) { .fb-page { width:240px !
All Things Considered for February 22, 2024
All Things Considered for February 22, 2024 Hear the All Things Considered program for February 22, 2024
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
