什么阻止此网页缩小到适合宽度小于530像素？

Question

我尝试将我的网站tokyocomedy.com设置为至少320像素宽的响应式设计。使用Firefox的响应式设计视图，大多数（如果不是全部）页面，例如此首页看起来相当不错，使用Firefox的响应式设计视图：

但是，这一页the schedule page无效：

它被卡住的宽度似乎在530像素左右：

这个页面上唯一不同的是日历，所以我可能是错的，但我最好的猜测是关于日历CSS或JavaScript的东西是持有一些最小宽度或填充空间或其他东西。我已经浏览了使用Firefox Web开发人员检查器找到的所有元素：

相关的CSS ID和类似乎是#calendar, fc-toolbar, fc-header-toolbar, fc-view-container, fc-view, fc-list-month-view, fc-widget-content,和fc-widget-header。但是，我找不到任何宽度声明，填充，边距或任何其他大小调整声明，可以解释为什么页面不会水平缩小。可能有可能有JavaScript作用于样式，它以一种不太容易找到的方式改变它。

该页面使用fullcalendar v3.9.0 JavaScript库。我已经放了CSS in use on PasteBin for reference。

是什么阻止此日历页面缩小到320像素，就像网站上的其他页面一样？

Answer 1

你使用display：inline-block style.css line no。 60，使用display：block而不是display：inline-block

#maincontent, #upcomingshows, #recentblog{
 display:block;
 vertical-align: top;
}

Answer 2

您的代码中存在一个小错误。您需要在此使用word-break css属性，因为您的电子邮件文本很大。请参阅随附的屏幕截图。

希望它能解决您的问题。