嵌入html页面的twitter时间表。 css mod

时间:2016-02-21 17:52:31

标签: html css twitter-bootstrap css3 twitter-timeline

我在这个javascript代码的html页面中嵌入了一个Twitter时间轴:

    public void loadXmlButton()
    {
        XmlDocument doc = new XmlDocument();
        doc.Load("btemp");
        foreach (XmlNode node in doc.DocumentElement.ChildNodes)
        {

                string s = node.Attributes["pathApp"]?.InnerText;
                Console.WriteLine(s);
        }
    }

以下是页面:<a class="twitter-grid" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National Park Tweets</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

enter image description here

问题是我会产生这种效果: enter image description here

如果我在Chrome中将缩放设置为+ 200%,那么我有正确的可视化效果。

你能帮我设置正确的css规则吗?

谢谢。

1 个答案:

答案 0 :(得分:2)

问题是你没有正确设置宽度。尝试添加以下CSS更改,

    课程width=100%中的
  • "entryContent" - 这将根据需要展开列表项。
  • 课程max-width=100%中的
  • "page-template-page-fullwidth-php .col-md-8" - 这将覆盖现有的最大宽度。