如何使嵌入式 Twitter feed 的大小能够适应较小的屏幕？

Question

以下是 Twitter 生成的嵌入我网站的代码：

<a class="twitter-timeline" data-width="250" data-height="1000" href="https://twitter.com/Supernova_Style?ref_src=twsrc%5Etfw">Tweets by Supernova_Style</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

我在 CSS 中尝试了几种不同的方法来更改提要的宽度，但它不起作用。当屏幕尺寸缩小到移动设备尺寸时，我想保持 Twitter feed 可见。有人对我如何做到这一点有任何想法吗？

Answer 1

我们最近发现 Twitter 在publish.twitter.com上用于嵌入式个人资料时间线的相当新的代码生成器仍然会产生时间线溢出 iOS 设备容器宽度的问题，特别是在宽度和高度设置（并且没有数据推文限制）的情况下放）。

目前，我们正在通过添加的 css 处理此问题（根据需要，选择器可能会在您的附加特异性之前）：

.twitter-timeline { width: 100vw !important; }