更改非WP网站上的Twitter窗口小部件高度（新API？）

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代码（ Twitter部件宽度的HTML / CSS ）中设置的，但是我不确定这是什么意思。 可以改变吗？

我不确定自己需要多大的尺寸，但是我知道我需要的尺寸要大于实际尺寸。 我猜测高度为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

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

• 高度=“ 600”，其中
• data-height =“ 600”

在a-html标记中。

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