---
# System prepended metadata

title: fullcalendar & Calendar squeeze after loading畫面擠壓
tags: [Javascript套件]

---

###### tags:`Javascript套件` 

# fullcalendar & Calendar squeeze after loading畫面擠壓

fullcalendar loading完以後,如果發生畫面擠壓,需要調整css/script,
一些必須注意參數


```
 var calendar = new FullCalendar.Calendar(calendarE1, {

  height: '800px',
  dayMinWidth: '150px',
    events: 'https://fullcalendar.io/demo-events.json'
       });
```

height:'' 調整整個Calendar高度
dayMinWidth:'' 調整日期寬度

```
.fc-col-header {
   
    width: 57.7vw !important;
   
  }

  .fc-scrollgrid-sync-table{
    
  
    width: 57.7vw !important;
  } 


  .fc .fc-daygrid-day-frame {
    height: 12.3vh;
}

.fc-body .fc-row { min-height: 60px !important  ; }
```

.fc-scrollgrid-sync-table width & .fc-col-header width : 調整Calendar寬度

.fc-body .fc-row { min-height: px !important  ; } 調整日期高度
