如何让嵌入的Twitter提要在小屏幕上具有响应性？
如何让嵌入的Twitter提要在小屏幕上具有响应性？
提问于 2018-07-06 11:48:52
下面是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订阅可见，因为屏幕大小缩小到移动大小。有没有人知道我该怎么做？
回答 2
Stack Overflow用户
发布于 2019-07-08 04:56:33
我们最近发现，推特在publish.twitter.com上针对嵌入式配置文件时间线的相当新的代码生成器仍然存在时间线溢出iOS设备容器宽度的问题，特别是在设置了宽度和高度(并且没有设置数据推文限制)的情况下。
目前，我们正在通过添加css来处理此问题(根据需要，选择器可能会在选择器之前添加额外的特异性)：
.twitter-timeline { width: 100vw !important; }
Stack Overflow用户
发布于 2018-07-06 12:31:28
将其包装在容器中，并将属性设置为width: 100%; height:auto;，然后适当地调整容器的大小。然后，您可以在必要时使用媒体查询。
示例：http://jsfiddle.net/o6qrxyga/1/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51202753
复制相关文章
相似问题
腾讯云开发者
