1 回答

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊
試試這些 CSS 規(guī)則。他們以你的例子為我工作。
#calendar
的最大寬度為900px
,因此將其重置為100%
..fc-scroller.fc-day-grid-container
寬度設(shè)置為 649px,因此請(qǐng)覆蓋它。.fc-day-grid.fc-unselectable
需要設(shè)置高度才能延伸到頁(yè)面.fc-basic-view .fc-body .fc-row
有一些明確設(shè)置的高度。日歷可能總是有 6 行,所以這就是我將它分成 6 的原因。如果只有五行,您可能需要使用 JS 向該表添加一個(gè)類來(lái)指定這些行的高度。
// controls width
#calendar {
width: 100%;
max-width: 100%;
}
// controls height
.fc-scroller.fc-day-grid-container {
height: 89vh!important; // tweak this value to suit your needs
overflow: hidden; // optional
}
.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
height: 100vh!important;
}
.fc-day-grid.fc-unselectable {
height: 100%!important;
// controls the height of each row
.fc-basic-view .fc-body .fc-row {
min-height: 4em;
height: calc(100% / 6) !important;
}
添加回答
舉報(bào)