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

【问题标题】：Change Twitter Widget Height on Non-WP Site (New API?)更改非 WP 网站上的 Twitter 小部件高度（新 API？）
【发布时间】：2015-11-05 20:09:31
【问题描述】：

我尝试在这些论坛中搜索有关为嵌入式 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

【问题讨论】：

标签： javascript html twitter widget

【解决方案1】：

iframe.twitter-timeline {

    min-height:600px!important;
}

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

【讨论】：

我将您在上面输入的代码输入到我的 css 中，但它仍然没有改变 Twitter 小部件的大小。我对这些东西很陌生，所以如果有什么我可以帮忙的（如果有我需要展示的代码），我很乐意抓住需要的东西。谢谢！
在样式表中放置 css 代码的位置是否重要...？我觉得那应该没关系，但我想我会检查一下。这是我可以看到的唯一变量我可能会丢失......
这是我的页面——你可以在底部的黑色部分看到 Twitter：kgshowroom.com/test/index.html
:) 是的，我看到了... 1000px，只需清除浏览器中的缓存即可。 :)
很抱歉！我在 Chrome 中清除了缓存、cookie、浏览历史记录等所有内容，但仍然没有看到任何变化。它不应该是 1000px，它应该是 600px，就像你的代码中的一样。你能告诉我代码的哪一部分显示 1000px 吗？啊！很抱歉，这很困难！

【解决方案2】：

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

高度=“600” 与
data-height="600"

在a-html标签中。

查看官方配置站点，这里：https://publish.twitter.com/#，并根据结果调整您的代码。

【讨论】：