html - 在 Mozilla 中显示嵌入推文的突然问题

Question

我的一个网站几周前上线了。该设计包括在当时正确显示的 div 中嵌入推文。

然而，在今天检查时，我注意到嵌入推文在 Mozilla 中移到了右侧。现在让我感到困惑的是，我什至没有接触过代码，所以 twitter 或 Mozilla 更新了它们的属性之一？？？

继承人到我的网站的链接。

Answer 1

好的，问题终于解决了，覆盖了twitter创建的css。

我只是使用了以下 scc 选择器

    "div_containing_twitter_script" iframe {properties}

因此，如果我将代码放在以“twitter”为 id 的 div 中，则代码将是

   #twitter iframe {property:value}

不过，非常感谢您尝试帮助我...

Answer 2

如果 Twitter 提要未显示，您可以使用以下代码。

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <p></p> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 1000,
  width: 180,
  height: 200,
  theme: {
    shell: {
      background: '#88d4ff',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#333333',
      links: '#00aeef'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().setUser('@YourUser').start(); /* Need to change User ID*/
</script>