jquery fullcalendar 如何在不破坏布局的情况下增加字体大小或更改字体系列

Question

我在 Wordpress 中使用 Jquery FullCalendar，看似简单的 CSS 字体大小更改正在破坏布局。

如果我用这个增加字体:

.fc-event-inner {
font-size: 1.5em;
}

单个容器重叠并且看起来很糟糕。

如何在不破坏布局的情况下增加字体大小或使用不同的字体？

Answer 1

如果我的想法是正确的，首先你可以给固定的全日历一个高度，然后你可以调整字体大小和其他字体设置。

默认情况下，高度选项未设置，日历的高度由 aspectRatio 计算得出。 .

高度的用法示例:

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

你也可以像这样调整日历的ContentHeight:

$('#calendar').fullCalendar({
contentHeight: 600 });

查看FullCalendar Documentation .

还有一个想法，您可以将主题应用于 fullCalendar 并根据需要更改 theme.css 中的样式。为此，请查看 Venkat 在 fullCalendar Font size 中的回答。 .