Yat*_*tko 2 javascript css css3 dynamically-generated responsive-design
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媒体查询在屏幕大小更改(智能手机/平板电脑方向更改)上动态更改data-width ="{n}"和/或data-height ="{n}".
faf*_*ook 10
尝试将此添加到您的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}
希望能帮助到你..