我正在使用 http://arshaw.com/fullcalendar/FullCalendar来显示项目中的事件。
一切正常,除非我尝试在日历中设置宽度以实现平移功能。
基本上,我想在PC上以全尺寸(使用agendaWeek)显示完整日历,如果我切换到平板电脑或重新调整浏览器大小,我希望日历将大小调整为500px或600px,之后它应该裁剪,即overflow-x隐藏,以便我可以平移以查看事件。
我尝试固定日历的宽度,例如:
<div id="calendar" style="width: 750px; overflow: hidden;">
</div>
但相反,它停止调整日历大小。我不确定如何开始解决这个问题。
主源代码中有一个<style>
标签,用于定义宽度。使用 % 而不是 px 应该可以调整大小。
至于平移,我相信它是用CSS和JS完成的。这是一个示例,您可以根据需要进行更改。
http://openlayers.org/dev/examples/pan-zoom-panels.html