2010-02-09 148 views
8

我在我的应用程序中使用jQuery fullcalendar。我只想在屏幕的右侧显示日历,但不知道如何缩小日历的大小。现在,它是在全屏显示jQuery fullcalendar - 如何缩小日历的大小

+0

看到这个答案:http://stackoverflow.com/questions/5372328/tiny-version-of-fullcalendar/5372990#5372990 – Mottie 2011-04-23 12:54:13

回答

16

一个具有指定宽度只是坚持在一个div按主页fullcalendar

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

与CSS

#container { 
    width: 810px; 
} 
1

减少的长宽比完整的日历

0

在我的应用程序边栏中,我简单地使用了这个。

Html

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

您可以编写css这样。

#calendar 
{ 
    width: 400px; 
} 

改变像素范围的宽度,你需要多少。 我也是这样使用的。它的工作完美。

0

尝试

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

感谢张贴一个答案题!这个答案虽然很短,并没有提供很多的背景。请解释一下它的一些推理,对于提问者和未来的读者来说,它会变得更有用。谢谢! – 2015-09-29 00:52:36

0

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

您可以通过添加

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