Bootstrap 4 如何使此日历插件响应

您可以查看我的日历插件的测试版本。注意它是如何不响应的。 请注意，如果您查看制造商页面上的示例，当您减少或增加浏览器的宽度时，它应该是如何响应的

我的代码：

以及站点的示例代码：

---

显然，当我减少浏览器的宽度时，我的日历并没有变小，但这个例子确实变小了！为什么？

您在第13行的

room\u detail.css

中应用了一个800px的固定宽度-它应该是一个百分比，或者具有指定适当宽度的媒体查询

section {
  height: 70%;
  position: fixed;
  width: 800px; /* This is what's causing the problem */
}

删除它或将其更改为某个百分比，它应该可以工作-您可能需要应用媒体查询，以使其按您所希望的方式工作

<div class="row">
  <div class="col-md-12">
    <div id="calendar-1"></div>
  </div>
</div>

section {
  height: 70%;
  position: fixed;
  width: 800px; /* This is what's causing the problem */
}