wanichan https://blog.hatena.ne.jp/wanichan/ wanichanの日記 https://blog.wanichan.net/ サイト運営・コンテンツ作り ちょっとググってみたら、どうやら以下のCSSスタイルを適用すればOKっぽいです。CSSファイルに記述しておけばバッチリですね。 .fb-comments, .fb-comments iframe[style],.fb-comments span[style] { width:100% !important; } 最大化した時のコンテンツエリアは730ピクセルいっぱいになり ウィンドウ幅を小さくするとこのようになります。 ちなみに、Facebookページの「いいね！」ボックスのプラグインをレスポンシブWebデザインに対応するには、以下のコードを追加します。 div.fb_iframe_widge… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.wanichan.net%2Fentry%2F2014%2F01%2F15%2F221932" title="FacebookコメントをレスポンシブWebデザインに対応する方法 - wanichanの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://wanichan.jp/hatena/FacebookWeb_1422F/image.png Hatena Blog https://hatena.blog 2014-01-15 22:19:32 rich https://blog.wanichan.net/entry/2014/01/15/221932 1.0 100%