Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态调整Facebook的大小-响应数据宽度的变化="；{n} "；_Javascript_Css_Responsive Design_Dynamically Generated - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 动态调整Facebook的大小-响应数据宽度的变化="；{n} "；

Javascript 动态调整Facebook的大小-响应数据宽度的变化="；{n} "；

javascript css responsive-design

Javascript 动态调整Facebook的大小-响应数据宽度的变化="；{n} "；,javascript,css,responsive-design,dynamically-generated,Javascript,Css,Responsive Design,Dynamically Generated,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> 我正在尝

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媒体查询动态更改屏幕大小更改（智能手机/平板电脑方向更改）。

尝试将此添加到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}
希望有帮助。

解决方案运行良好，无需js。非常好的解决方案，谢谢！我看到您正在覆盖fb-like框和内部跨距上的默认宽度。包括fb评论类在我的情况下有什么特殊的原因，或者只是使解决方案更一般？很高兴能提供帮助。这是所有fb社交插件的通用解决方案。很棒的代码，你能为设置动态高度提供一些类似的解决方案吗？因为通过使用css，like框的底部会有点小。嘿@SaumilSoni，你能分享一个链接吗？哈哈，不用担心@ManishShrivastava