Question

我尝试在这些论坛中搜索有关设置嵌入式Twitter小部件（https://support.twitter.com/articles/20170071）的窗口小部件高度的更新。您可以在Twitter上的设置字段中指定高度（它们具有用于创建半自定义窗口小部件的表单），但是当我将其添加到HTML时它不会生效。这里的大多数论坛问题都来自2013年（与Twitter不同的代码？），似乎对我不起作用。

我试过这个JSFiddle代码：

http：// jsfiddle.net / mandykiwi / NbF7C /

但在CSS中将高度设置为！important对我没有任何作用。我可能做错了。我根据jsfiddle代码输入了我的styles.css表：

.timeline .stream {
   height: 600px!important;
}

我的HTML来自Twitter，加上他们为进一步定制提供的一些代码：

<a class="twitter-timeline" href="https://twitter.com/KGShowroom" data-widget-id="631599342176989184" data-chrome="nofooter transparent noheader noborders noscrollbar" height="600">Tweets by @KGShowroom</a>
<script>
   ! function(d, s, id) {
       var js, fjs = d.getElementsByTagName(s)[0],
           p = /^http:/.test(d.location) ? 'http' : 'https';
       if (!d.getElementById(id)) {
           js = d.createElement(s);
           js.id = id;
           js.src = p + "://platform.twitter.com/widgets.js";
           fjs.parentNode.insertBefore(js, fjs);
       }
   }(document, "script", "twitter-wjs");
</script>

（我还试过没有添加样式表。）

Stackoverflow上的另一个论坛答案说，现在高度设置在Twitter生成的JS代码中（HTML/CSS for Twitter widget width），但我不确定这意味着什么;可以改变吗？

我不确定我需要它的大小，但我知道我需要它比它更大。我猜测它的高度为100％，因此它可以响应，但即使在px中进行，它也不会改变。

这是我正在努力解决此问题的网站：http://kgshowroom.com/test/index.html

Answer 1

iframe.twitter-timeline {

    min-height:600px!important;
}

http://jsfiddle.net/NbF7C/12/他们设置 min-height ，所以，只需覆盖它。

Answer 2

如果您只需要为包含Feed的iframe设置固定高度，则需要替换

高度= “600” 与
数据高度= “600”

在a-html标签中。

请参阅官方配置网站，此处：https://publish.twitter.com/#，并根据结果调整您的代码。

更改非WP站点上的Twitter小组件高度（新API？）

2 个答案: