这是代码沙盒单击"在新窗口中打开"进入全屏模式:
https://codesandbox.io/s/restless-sun-sen7m?file=/src/App.js
问题是:当有显示时:HTML层次结构中更高的flex容器会反应出大日历无法适应页面并破坏UI。您可以删除.appWrapper类的display:flex属性,看看它应该如何正常工作。
PS以像素左右为单位设置自定义日历类的最大宽度不是一个选项,因为它以这种方式失去了真正的响应能力(需要支持移动屏幕(。
文档站点在"入门"部分特别说明:
还要确保日历的容器元素具有高度,或者日历将不可见
将日历放在自己的容器中,并设置其高度。在内部,日历显示使用flexbox来布置其内容。