如何设置 Twitter 的嵌入时间线宽度百分比(响应式/流体设计)

2024-06-19

我正在寻找设置Twitter 的嵌入时间线 https://dev.twitter.com/docs/embedded-timelines,当您有固定的设计时,这很容易,但这不是我的情况,我实际上正在为新网站构建流畅且响应式的设计。

我的问题是,我该如何设置Twitter 的嵌入时间线 https://dev.twitter.com/docs/embedded-timelines具有流体宽度,因为它是一个 iframe,并且您应该在您的 Twitter 帐户中设置以 px 为单位?

谢谢 :)


这似乎对我有用:

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

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

我很好奇为什么简单的 CSS 不适合你 - 抱歉,如果我遗漏了一些东西。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何设置 Twitter 的嵌入时间线宽度百分比(响应式/流体设计) 的相关文章

  • Chrome 扩展程序网址匹配模式:为什么规则不适用于 Google.com?

    我正在制作一个扩展来自定义 Google 的主页背景 所以我在清单中编写了一些匹配规则 如下所示 content scripts matches https www google com http www google com js sta
  • 如何使用 PHP preg_replace 链接 Twitter 用户名?

    我想搜索我的 Twitter 状态对象的文本属性并将 username 替换为 a href username a 到目前为止我尝试过的看起来像这样 pattern 1 a zA Z0 9 replace a href 1 2 a new
  • Twitter4j - 超出速率限制

    我想让追随者使用getFollowersIds 在 Twitter4j 中 但我得到 连接错误异常 超过限速 public static void main String args try Twitter twitter TwitterFa
  • 内容脚本和 web_accessible_resources iframe 之间的通信

    我有一个将 iframe 注入网页的内容脚本 内容 js var iframe document createElement iframe iframe id frame iframe style cssText position fixe
  • Zend 框架:Zend_Oauth 和 Zend_Service_Twitter

    首先 我能够使用 Oauth 成功进行身份验证 我正在使用在这里找到的 Padraic 教程 http blog astrumfutura com archives 411 Writing A Simple Twitter Client U
  • 如何将iframe内容复制到div?

    请参阅下面的代码片段 我希望 iframe 中的输出文本显示在 source div 中 我正在为此苦苦挣扎 并且很感激任何想法 如何将 iframe 中的输出文本复制到 div 中 如果 div sourcediv 包含 文本 则脚本在
  • 如何静音 iframe 内容?

    我有一个第 3 方 iframe包含来自 youtube vimeo 的视频 有没有通用的方法来静音 iframe 内容独立地从视频 音频source Step 1 首先您需要访问 iframe var iframe document ge
  • 如何使用 PHP 从我的网站发布图像?

    我正在尝试使用 php 发布图像 我已阅读文档并遵循了一些教程 我发送消息时没有任何问题 但是 它不适用于图像 我找不到我的错误在哪里 有人可以帮忙吗 我将深深感激
  • 如何修复网站 iframe 错误?

    当我访问此网址时 警告 推荐使用一些广告拦截器 网页链接加载良好 没有错误 但是 当我尝试通过加载同一页面时iframe在我的html代码中 出现错误 我的html代码
  • IE Facebook 应用程序 iFrame 上的会话丢失

    当用户使用 Internet Explorer 时 我的 Facebook 应用程序出现问题 我的应用程序作为 Canvas 页面加载到 iFrame 中 回发后 Cookie 和 Session 将丢失 Firefox 根本不会发生这种情
  • Android Studio 上的 Twitter Kit Fabric Android 模块库

    我在使用适用于 Android 的 Twitter Kit SDK 时遇到问题 我需要将 Twitter Kit SDK 导入到我的项目中的库 模块 我正在使用 Android Studio 我正在使用适用于 Android 的 Fabri
  • 响应式 CSS 图像锚点标签 - 图像地图样式

    我一直在开发一个响应式网站 并且在图像映射方面遇到了一些问题 图像映射似乎不适用于基于百分比的坐标 经过一番谷歌搜索后 我发现了一个 JS 解决方法 http mattstow com experiment responsive image
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • Tweepy API v2 身份验证

    如何使用 API v2 测试 Tweepy 身份验证 我的下面的代码由于身份验证而无法发布 但是 是否有其他方法可以在不调用发布推文 client create tweet 的情况下测试身份验证 import tweepy bearer t
  • 图片URL命名方案

    序言 我正在构建一种 CMS 社交网络服务 它将托管许多图像 我打算使用 Eucalyptus Amazon S3 来存储图像 并且想知道 Tumblr Twitter 等网站使用的看似随机的文件名的重要性 例如 31 media tumb
  • 在响应式网站上嵌入 Facebook 帖子

    我想在我的网站上嵌入一些 Facebook 帖子 图像 旨在实现响应式 我使用引导程序作为所有内容的主框架 并且很容易获得典型的图像响应能力 不幸的是 Facebook 帖子中的这些内容是iframe对象 并且他们不想很好地缩放 对于我的测
  • JavaScript 重定向 - 新窗口

    我正在尝试使用 Javascript 从空白 iframe 内部创建一个重定向 该重定向将定向到新窗口或选项卡内的 URL 更具体地说 我试图使 Facebook 选项卡指向我公司的网页 而不是将页面加载到选项卡的 iframe 内 该 i
  • YouTube iFrame API“setPlaybackQuality”或“suggestedQuality”不起作用

    我在通过 Youtube iFrame API 设置视频的质量设置时遇到一些问题 这是我的代码 var player player new YT Player player height 490 width 725 videoId ytur
  • Bootstrap 3 Grid:在行之间移动元素

    在学习 Twitter Bootstrap 3 创建响应式网页时 我遇到了一个问题 如何将元素从一行向上移动到另一行 我需要类似 col md push col md pull 的东西 但用于垂直方向 例如 在桌面屏幕元素上D位于第二行 但
  • 在较小的设备中更改 DataTables (jQuery+Bootstrap4) 的“pagingType”选项

    我正在与数据表 https datatables net它启用了分页并显示带有页码 1 2 3 4 5 10 的 下一个 上一个 按钮 我正在尝试使用以下方法将其更改为仅在较小设备 小于 768px 中的 下一个 上一个 分页类型 http

随机推荐