html - 如何使嵌入式 Twitter 提要在较小的屏幕上响应大小?

标签 html css twitter feed

这是由 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 提要可见。有人知道我该怎么做吗?

最佳答案

我们最近发现 Twitter 在 publish.twitter.com 上用于嵌入式配置文件时间线的相当新的代码生成器|仍然会导致时间线溢出 iOS 设备容器宽度的问题,尤其是在宽度和高度设置(并且没有设置数据推文限制)的情况下。

目前我们正在通过添加的 css 处理这个问题(根据需要,选择器前面可能有您的额外特异性):

.twitter-timeline { 宽度:100vw!重要; }

关于html - 如何使嵌入式 Twitter 提要在较小的屏幕上响应大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51202753/

相关文章:

json - 将包Elastic(嵌套列表?)的R输出转换为data.frame或JSON

jquery - Twitter Typeahead 与远程 json 不起作用

html - 转换到移动 View 后如何在 Bootstrap 列上使图像缩放到全宽

javascript - 在javascript中将图像从一个页面显示到另一个页面,而不发送所有div

php - 复制供应商文件夹与 Composer

html - 在 CSS 位置使用 Materialise 的画廊?

css - 对齐嵌套 div 的正确方法?

css - 哪个边框半径属性适用于 IE9?

html - 使跨度与 "overflow"重叠

javascript - 有什么方法可以从 Twitter url 获取 Twitter 小部件的 widget-id 吗?