来自Twitter时间轴小部件的帖子显示在父div之外

时间:2019-04-04 16:36:29

标签: jquery css twitter twitter-timeline

我正在使用Twitter时间轴小部件在页面上嵌入时间轴:

<div class="twitter_timeline" style="margin-bottom:0;">
    <a class="twitter-timeline" data-chrome="noheaders nofooter" data-height="250" href="<?php echo $profile['twitter']; ?>"></a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

iframe[id^=‘twitter-widget-’]{ width:100%;}

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

.twitter-timeline-rendered { 
  width: 100% !important; 
}

.timeline-widget {
    max-width: 100% !important;
    width: 100% !important;
}

问题出在手机上。在移动设备上,帖子会扩展到父div之外。

enter image description here

我该如何解决?

我已经尝试过here中的解决方案,包括jquery解决方案,但仍然无法正常工作。

HTML/CSS for Twitter widget width

0 个答案:

没有答案