iframe - 如何以百分比设置 twitter 的嵌入式时间线宽度(响应式/流畅设计)

标签 iframe twitter responsive-design timeline fluid-layout

我正在寻找设置 twitter's embedded timeline ,当你有一个固定的设计时,这很容易,但这不是我的情况,我实际上正在为一个新网站构建一个流畅和响应式的设计。

我的问题是,我该如何设置 twitter's embedded timeline具有流体宽度,因为它是 iframe 并且您应该在您的 twitter 帐户中设置 with in px ?

谢谢 :)

最佳答案

这似乎对我有用:

  #twitter-widget-0 {
    width:100%;
  }

其中#twitter-widget-0 是它生成的 iframe,放置在适当样式的容器中。
这并不完美:小部件根据宽度和边距等生成的内容略有不同。调整大小后不会完全相同;但这似乎很小。

我很好奇为什么简单的 CSS 对你不起作用 - 如果我遗漏了什么,抱歉。

关于iframe - 如何以百分比设置 twitter 的嵌入式时间线宽度(响应式/流畅设计),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12342069/

相关文章:

html - Bootstrap - 一行 3 列,标题在行外

CSS - 将图像定位到左侧 + 部分剪切 + 响应式 + Bootstrap

twitter-bootstrap - 响应式谷歌分析图表

javascript - 我想根据在 iframe 的 html 中查找特定类来向 iframe 添加一个类

javascript - 在 iframe 中嵌入 instagram 网页

ios - 使用 Swift IOS 获取推文

java - 最好的 java twitter 库?

html - 无法在 IE10 上获得同源 iframe 主体?

javascript - 将文本覆盖添加到我的 Vimeo 全屏背景 -iframe-

python - Tweepy 流式 API : filtering on user