Question

我使用嵌入代码在我的网站上嵌入了一个推特小部件。但是把它放在我的网页后，字母太大了，字母大小都错了。字母太大了，小部件的样式也不成比例。

所需的所有样式信息实际上都在javascript代码中。但看起来有些东西会覆盖造型并将其抛弃。

以下是小部件的代码。

   <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 160,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#b68e59',
      links: '#cccccc'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('BigNotch').start();
</script>

这是它所在页面的链接。 http://notchtheguru.com

我该如何解决这个问题？

Answer 1

我明白了，所以现在我要回答我自己的问题:)（也许有人会遇到这个问题）

我所做的是将小部件放在容器div中。我在containter div上设置了字体，但你根本不需要为容器潜水设置任何东西。

Answer 2

javascript文件包含影响窗口小部件样式的CSS。

我建议保存您自己的小部件副本并将其存储在您的网络服务器上，以便您可以编辑它的内容。

字体大小为18 / 20px，因此如果您找到以下类并减小字体大小，它应该看起来更像您所追求的 - 如下所示：

.twtr-tweet-wrap {
    font-size: 14px; // Or whatever size you choose...
}

Twitter Widget被css扭曲了。我该如何解决呢？

2 个答案: