0

プロジェクトのイベントを表示するためにhttp://arshaw.com/fullcalendar/ FullCalendar を使用しています。

カレンダーで幅を設定してパン機能を実現しようとする場合を除いて、すべて正常に機能します。

基本的に、私はフルカレンダーをフルサイズで（アジェンダウィークを使用して）PCに表示したいのですが、タブレットに切り替えるか、ブラウザのサイズを変更すると、カレンダーのサイズを最大500pxまたは600pxに変更し、その後トリミングする必要があります。つまり、overflow-x非表示にして、パンしてイベントを表示できるようにします。

カレンダーの幅を次のように固定しようとしました:

<div id="calendar" style="width: 750px; overflow: hidden;">
</div>

代わりに、カレンダーのサイズ変更を停止しました。この問題を解決するための開始方法がわかりません。

4

1 に答える 1

0

<style>メイン ソース コードには、幅を定義するタグがあります。px の代わりに % を使用すると、サイズ変更のトリックを実行できます。

パニングに関しては、CSS と JS で行われていると思います。ここに例を示します。必要に応じて変更できます。

http://openlayers.org/dev/examples/pan-zoom-panels.html

于 2013-09-26T05:40:18.660 に答える