javascript - FullCalendar.js 调整移动标题

Question

我在使用 fullcalendar.js 的元素中使用响应式样式。 不幸的是，在移动 View 中，我无法让页眉样式(fc-header-left、fc-header-center、fc-header-right)相互堆叠。 例如......在桌面 View 中它看起来像...... fc-header-left fc-header-center fc-header-right

移动时，我希望页眉的 3 个部分相互堆叠。 fc-header-left fc-header-center fc-header-right

我试图用负边距、 float 和各种东西覆盖这些 header ，但我无法让这些 header 堆叠。

有谁知道如何让标题部分在移动 View 中相互堆叠？

谢谢

Answer 1

这对我来说适用于最新版本。使用屏幕宽度检查完成。

@media (max-width: 768px){
    .fc-toolbar .fc-left, .fc-toolbar .fc-center, .fc-toolbar .fc-right {
        display: inline-block;
        float: none !important;
    }
}