动态调整Facebook大小，如响应框的数据宽度变化=“{n}”

Question

Facebook代码：

<div class="fb-like-box" data-href="http://stackoverflow.com/" data-width="160" data-height="100" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>

我试图使用javascript或CSS媒体查询动态更改屏幕大小(smartphone/tablet方向更改)上的数据宽度=“{n}”data-height="{n}"和/或。

Answer 1

尝试将其添加到css代码中：

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

希望能帮上忙..。