全日历标题按钮没有响应？

Question

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

PC 上的完整日历：

移动设备上的完整日历：

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

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; } }";