减小 Twitter Feed 的大小答案

【问题标题】：Decrease the size of Twitter Feed减小 Twitter Feed 的大小
【发布时间】：2020-06-04 05:08:10
【问题描述】：

我一直在尝试减小我的 Twitter 提要的大小，以使其看起来更漂亮，并将其他组件放置在我的 Vue.js 页面的同一页面上。如何将提要的大小减半并将其放置在边框中？谢谢。

export default {
  data() {
    return { //returning data
    }
  },
  mounted() {
    let twitterScript = document.createElement('script')
    twitterScript.setAttribute('src', 'https://platform.twitter.com/widgets.js')
    document.head.appendChild(twitterScript)
  }
}

<template>    
      <div class="flex-box mt-3">
        <a class="twitter-timeline" 
           data-chrome="nofooter noheader noborders tranparent" 
           href="https://twitter.com/RyanMurph17/lists/manchester-united"></a>
      </div>    
</template>

【问题讨论】：

我怀疑你会弄乱它的格式。大多数此类社交网络小部件都会采取措施避免您弄乱它们的外观/感觉。如果您想要控制，您可能需要直接使用 Twitter API。
由于您使用的是 Twitter 小工具，最好的办法是查看他们的文档 (developer.twitter.com/en/docs/twitter-for-websites/timelines/…) - 向下滚动到名为“限制显示的推文数量”的部分

标签： html css node.js vue.js

【解决方案1】：

根据their docs，您需要限制显示的推文数量。例如，要仅显示三个推文，您可以这样表示：

<a class="twitter-timeline"
  href="https://twitter.com/TwitterDev"
  data-tweet-limit="3"><!-- adjust this number to your liking -->

    Tweets by @TwitterDev
</a>

【讨论】：