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

Question

我正在使用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之外。

我该如何解决？

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

HTML/CSS for Twitter widget width