Css react big calendar的Flexbox容器破坏了UI

Css react big calendar的Flexbox容器破坏了UI,css,flexbox,react-big-calendar,Css,Flexbox,React Big Calendar,这是代码沙盒在全屏模式的新窗口中单击“打开”: 问题是:当HTML层次结构中有一个更高的display:flex容器时,大型日历不会尝试适应页面,并破坏UI。 您可以删除.appWrapper类的display:flex属性,以查看它应该如何正常工作 PS设置.custom calendar类的最大宽度(以像素为单位)不是一个选项,因为这样会降低实际响应能力(需要支持移动屏幕)

这是代码沙盒在全屏模式的新窗口中单击“打开”:

问题是:当HTML层次结构中有一个更高的display:flex容器时,大型日历不会尝试适应页面,并破坏UI。 您可以删除.appWrapper类的display:flex属性,以查看它应该如何正常工作

PS设置.custom calendar类的最大宽度(以像素为单位)不是一个选项,因为这样会降低实际响应能力(需要支持移动屏幕)