html - mozilla に埋め込まれたツイートが突然表示される問題

Question

私のウェブサイトの 1 つが数週間前にオンラインになりました。デザインには、その時点で適切に表示された div 内の埋め込みツイートが含まれていました。

しかし、今日確認したところ、埋め込みツイートが Mozilla で右に移動していることに気付きました。今、私が困惑しているのは、私がコードに触れていないということです。Twitter や Mozilla は、それらのプロパティの 1 つを更新しましたか?

私のサイトへのリンクです。

Answer 1

OK問題は解決しました やっとtwitterで作成したcssを上書きできました。

次のsccセレクターを使用しただけです

    "div_containing_twitter_script" iframe {properties}

したがって、IDとして「twitter」を使用してコードを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>