HTML/CSS - 让子 iframe 使用父容器的宽度(Twitter 小部件)

Question

我用过 twitter widget在嵌入 Twitter 时间轴之前。您可以选择设置小部件的高度，并且宽度总是刚好扩展到父 div 的宽度。但是，在当前情况下，它没有扩展。任何人都可以使用浏览器网络检查器(firebug 等)来检测为什么这个特定的 iframe 将其宽度设置为 220px 而不是扩展到它的父 div 宽度吗？

http://m.qwiet.com/页面加载后(点击“推文”)。

这是我用来嵌入时间线的 HTML:

<a class="twitter-timeline"  href="https://twitter.com/user" data-widget-id="248169276782018560">Tweets by @user</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

注意没有提到宽度参数。这几天一直困扰着我。

Answer 1

没有width参数是什么意思？看看代码。它清楚地显示了 width-"220px" 并且当您更改它时宽度会发生变化。