对于在垂直资源视图中搜索解决方案的任何人，这对我很有帮助：

.fc table{
    table-layout: auto;
}
.fc-view > table{  
    min-width: 0;
    width: auto;
}
.fc-axis{
    min-width:100px; /*the width of times column*/
    width:100px; /*the width of times column*/
}
.fc-day,.fc-resource-cell,.fc-content-col{
    min-width:300px;
    width:300px;
}

我想我以前也有过这样的问题，把这条线放在我的日历表上对我很有效。
#calendar table { table-layout: fixed; }

我知道我的解决方案是不相关的，但是感谢“overflow-x：auto;“这帮助我解决了我的问题。
这适用于我在agendaView中使用垂直视图like this中的列资源的原始fullCalendar + Scheduler：

@media (min-width: 1170px) {
    div.fc-view.fc-agendaDay-view.fc-agenda-view table {
        max-width: 100%;
    }
}
@media (max-width: 1170px) {
    div.fc-view-container {
        overflow-x: scroll;
    }
    div.fc-view.fc-agendaDay-view.fc-agenda-view table {
        min-width: 1170px;
    }
}

这种方式是使用原来的最小宽度设置为120 px的列，是响应，但使用滚动的额外大小，使它看起来更好的小型设备。

集

$('#calendar').fullCalendar({
 contentHeight: 'auto',
                aspectRation: 1.35,
})

这可以解决您的问题

如果有人在使用较新版本的fullcalendar时遇到这种情况，可以使用v4中的slotWidth设置和v5/6中的slotMinWidth设置。
如果您想覆盖每个视图的slotMinWidth，您可以在views属性中执行此操作。在以下示例中，所有视图将共享相同的slotMinWidth，但resourceTimelineDay（标准包含视图）除外，它具有覆盖。

slotMinWidth: 100,
views: {
   resourceTimelineDay: {
     slowMinWidth: 50
   }
}