我已经尝试了所有我能想到的使用 css 的方法,并在嵌入中进行了设置,但我无法将其宽度设置为超过 500 像素
https://jsfiddle.net/9d73rhvj/
<a class="twitter-timeline" data-widget-id="694535126655635456" href="https://twitter.com/TwitterDev" width="1300" height="750">Tweets by @PTDcommish</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
我试过 CSS
#twitter-widget-0 {
width: 100% !important;
}
.twitter-timeline-rendered {
width: 100% !important;
}
iframe[id^='twitter-widget-']{
width:100%;
}
.twitter-timeline {
width: 100% !important;
}
最佳答案
Twitter 已将嵌入式时间轴的最大宽度设置为 520 像素,我猜这就是您的解决方案不起作用的原因。
来自他们的文档(link):
Dimensions
An embedded timeline list template automatically adjusts to the width of its parent element with a minimum width of 180 pixels and a maximum width of 520 pixels.
关于javascript - Twitter 小部件宽度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35163712/