button - Fullcalendar 标题按钮没有响应？

Question

我在我的项目上配置了 Fullcalendar，但我注意到在移动设备上，标题按钮的布局存在问题，一点也不美观

PC 上的全日历:

手机上的 FullCalendar:

有什么办法可以让它更美观吗？

Answer 1

这个 Fullcalender 没有响应，所以我们必须让标题强制响应。在您的 ngOnInit() 函数中添加以下代码。

document.querySelector('style').textContent += "@media screen and (max-width:767px) { .fc-toolbar.fc-header-toolbar {flex-direction:column;} .fc-toolbar-chunk { display: table-row; text-align:center; padding:5px 0; } }";