Question

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

然而，在今天查看时，我注意到嵌入的推文在Mozilla中向右移动了。现在令我困惑的是，我甚至没有触摸代码，所以Twitter或Mozilla更新了他们的一个属性???

继承人link到我的网站。

Answer 1

好的问题解决了，最后管理覆盖了twitter创建的CSS。

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

    "div_containing_twitter_script" iframe {properties}

所以，如果我将代码放在一个带有＆＃34; twitter＆＃34;的div中作为id，代码将是

   #twitter iframe {property:value}

尽管如此，我还是非常感谢你们帮助我......

Answer 2

如果未显示Twitter Feed，则可以使用以下代码。

    <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>

突发问题在mozilla中显示嵌入式推文

2 个答案: