嵌入式 Twitter 小部件高度问题答案

【问题标题】：Embedded Twitter Widget Height issue嵌入式 Twitter 小部件高度问题
【发布时间】：2013-08-13 21:20:13
【问题描述】：

我正在尝试将 Twitter 小部件添加到我的网站，但小部件的高度存在问题。有时它会起作用，有时它会忽略高度值并拉伸页面，以便底部有很多空白空间（将小部件拉伸到 7847 像素）。我尝试在代码中添加高度并设置 DIV 高度，但它仍然可以。这是我在 Twitter 上使用的代码

<a class="twitter-timeline" data-chrome="nofooter noheader noborders noscrollbar transparent" height='350' data-tweet-limit="5" data-dnt="true" href="https://twitter.com/Talk_AVFC/villa-players" data-widget-id="362602509207994368">Tweets from @Talk_AVFC/villa-players</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>

有人遇到这个问题并知道解决方法吗？

问题演示在这里http://richardawarner.co.uk/astonvillastuff/（在 Twitter 标签上）

【问题讨论】：

现在创建新小部件时，您不必在Twitter中设置高度和宽度吗？之后我以为你不能改变高度？
在 Twitter 上更改了高度，但仍然如此。我在原始帖子中包含了一个链接，您可以在其中看到。
iframe 目前没有设置高度。当我将高度更改为 300 左右时，它会很好。你需要给它一些高度。
如何给 iframe 高度？我已经放置了 height="350" 并且它不能正常工作。第一次工作，但刷新页面时，它会拉伸。
我创建了另一个小部件，高度工作正常，直到设置要出现的推文数量。我添加了 data-tweet-limit="5" 使其拉伸。

标签： css twitter

【解决方案1】：

可以通过给链接添加数据属性来设置最大宽度和高度：

<a class="twitter-timeline" data-width="350" .... >

设置显示的小部件的高度，覆盖存储的值小部件 ID。必须大于 200 像素。

注意：当有 tweet-limit 参数时，height 参数不适用已指定

https://dev.twitter.com/web/embedded-timelines/parameters

【讨论】：

我知道这是一篇较旧的帖子，而您来晚了……但这应该是真正的答案！在搜索和搜索了许多方法之后，我知道它们必须是一种更简单的方法......果然你提供了它！
这是正确的答案。专门针对此帖子的问题（设置框的高度）的解决方案是添加data-height="350"
@AnthonyGriggs @MarcosBuarque 这不是正确的答案，因为它不起作用，因为 OP 已指定参数 data-tweet-limit="5"
@AlexHolsgrove 如果你看一下，他设置的 height="350" 与这里给定的答案相比，我已经验证它可以用作 data-height="350"

【解决方案2】：

在 CSS 中定位 .twitter-timeline 类并声明其高度

.twitter-timeline {
    height: 350px !important;
}

【讨论】：