Javascript Twitter小部件被css扭曲了。我怎样才能修好它
我使用嵌入代码在我的网站上嵌入了一个twitter小部件。但是当我把它放在我的网页上之后,这些字母太大了,而且大小都错了。这些字母太大了,小部件的样式也不均衡 所有需要的样式信息实际上都在javascript代码中。但看起来有什么东西正在覆盖样式并将其丢弃 下面是小部件的代码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({
<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设置任何内容。是否有办法隔离代码或其他内容。即使我更改了字体,小部件的整个样式也会乱七八糟。有没有办法隔离代码或其他东西。即使我更改字体,小部件的整个样式也会乱七八糟。