改变 Twitter 关注按钮的大小？

【问题标题】：Changing The Size of Twitter's Follow Button?改变 Twitter 关注按钮的大小？
【发布时间】：2011-09-07 01:54:39
【问题描述】：

我正在查看新的 Twitter 关注按钮 (https://twitter.com/about/resources/followbutton)，但不幸的是，我的侧边栏小于默认大小，因此我的整个网站都乱了套。

有没有一种简单的方法可以破解脚本来调整按钮的大小，或者至少在实际的关注按钮和帐户名称之间放置一个换行符？

【问题讨论】：

【解决方案1】：

如果您查看页面源代码，则您的 twitter 代码转换自

<div class="twitter">
  <!-- twitter code here -->
</div>

到

<div class="twitter">
  <iframe ...>...</iframe>
</div>

现在可以很容易地通过 css 改变按钮的宽度：

.twitter iframe {
  width: 80px !important;
}

【讨论】：

【解决方案2】：

我会用一个漂亮的类名将按钮包装在一个容器中，并使用 CSS 来调整样式。

.twitter-button-container{
  width: 100px;
  height:100px;
}

类似的东西。

更新

再想一想，该图像似乎是锚标记的背景图像。我认为不可能使用 CSS 等调整背景图像的大小。您需要将图像放在 img 标记中。

【讨论】：