Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Twitter小部件被css扭曲了。我怎样才能修好它_Javascript_Css_Widget - Fatal编程技术网

Javascript Twitter小部件被css扭曲了。我怎样才能修好它

Javascript Twitter小部件被css扭曲了。我怎样才能修好它,javascript,css,widget,Javascript,Css,Widget,我使用嵌入代码在我的网站上嵌入了一个twitter小部件。但是当我把它放在我的网页上之后,这些字母太大了,而且大小都错了。这些字母太大了,小部件的样式也不均衡 所有需要的样式信息实际上都在javascript代码中。但看起来有什么东西正在覆盖样式并将其丢弃 下面是小部件的代码 <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({

我使用嵌入代码在我的网站上嵌入了一个twitter小部件。但是当我把它放在我的网页上之后,这些字母太大了,而且大小都错了。这些字母太大了,小部件的样式也不均衡

所有需要的样式信息实际上都在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>

新TWTR.Widget({
版本:2,
键入:“配置文件”,
rpp:4,
间隔时间:6000,
宽度:160,
身高:300,
主题:{
外壳:{
背景:"333333",,
颜色:“#ffffff”
},
推特:{
背景:“#000000”,
颜色:“#b68e59”,
链接:“#中交”
}
},
特点:{
滚动条:false,
循环:false,
生活:假,
hashtags:true,
时间戳:对,
阿凡达:错,
行为:“全部”
}
}).render().setUser('BigNotch').start();
这是它所在页面的链接


如何修复此问题?

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

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

字体大小将达到18/20px,因此,如果您找到以下类并减小字体大小,它应该看起来更像您所追求的-类似于以下内容:

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

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

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

字体大小将达到18/20px,因此,如果您找到以下类并减小字体大小,它应该看起来更像您所追求的-类似于以下内容:

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

我知道了,所以现在我要回答我自己的问题:)(也许有人会遇到这个问题)


我所做的是将小部件放在一个container div中。我在container div中设置了字体,但您根本不必为container div设置任何内容。

我已经解决了这个问题,所以现在我要回答我自己的问题:)(也许有人会遇到这个问题)


我所做的是将小部件放在一个container div中。我在container div中设置了字体,但您根本不必为container div设置任何内容。

是否有办法隔离代码或其他内容。即使我更改了字体,小部件的整个样式也会乱七八糟。有没有办法隔离代码或其他东西。即使我更改字体,小部件的整个样式也会乱七八糟。