jQuery fullcalendar - 如何减小日历的大小

Answer 1

根据fullcalendar

的主页，将其粘贴到指定宽度的div中

<div id='container'>
...
<div id='calendar'></div>
...
</div>

用css

#container {
    width: 810px;
}

Answer 2

降低完整日历的宽高比

Answer 3

在我的应用程序栏中，我就像这样使用。

您的Html

<div id='calendar'></div>

您可以这样写css。

#calendar
{
    width: 400px;
}

以像素范围改变宽度，需要多少。 我也是这样用的。它工作得很好。

Answer 4

尝试

<div id='calendar' style="width:95%"></div>

Answer 5

您可以使用div容器来控制宽度和高度。

您只需添加

即可控制日历的高度

> $('#calendar').fullCalendar({
>     height: 650 
> });

Answer 6

在JSON字段中添加一个属性，我们传入fullCalender方法。

$('#calendar').fullCalendar({

    height: 650
})

参考网址： https://fullcalendar.io/docs/display/height/