FullCalendar.js 调整移动设备的标题

Question

我在使用 fullcalendar.js 的项目中使用响应式样式。不幸的是，我无法在移动视图中使标题样式（fc-header-left、fc-header-center、fc-header-right）彼此堆叠。例如...在桌面视图中看起来像... fc-header-left fc-header-center fc-header-right

当移动时，我希望标头的 3 个部分彼此堆叠。FC 标头左 FC 标头中心 FC 标头右

我试图用负边距、浮动和各种东西来覆盖这些标头，但我无法让这些标头堆叠起来。

有谁知道如何让标题部分在移动视图中彼此堆叠？

谢谢

Answer 1

对于全日历 v5

@media (max-width: 767.98px) {
    .fc .fc-toolbar.fc-header-toolbar {
        display: block;
        text-align: center;
    }

    .fc-header-toolbar .fc-toolbar-chunk {
        display: block;
    }
}