No Dynamic Resizing
The Page plugin works with responsive, fluid and static layouts. You can use media queries or other methods to set the width of the parent element, yet:
The plugin will determine its width on page load
It will not react changes to the box model after page load.
If you want to adjust the plugin's width on window resize, you manually need to rerender the plugin.
Page Plugin - Facebook Developers
とあるので、リサイズの度に再描画させる処理を書く必要がありそうです
対応として、ウィンドウのリサイズがある度にページプラグインのセットアップコードを挿入・初期化するという方法があるようです
lang
1 <div id="pageContainer">
2 <div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="500" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>
3 </div>
4
5 $( window ).resize(function() {
6 var container_width = $('#pageContainer').width();
7 $('#pageContainer').html('<div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="' + container_width + '" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>');
8 FB.XFBML.parse();
9 });
javascript - Facebook Page Plugin - rerender / change width dynamically (Responsive / RWD) - Stack Overflow
以上、簡単に調べてみましたが、何か参考になれば幸いです
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。