用于react大日历的Flexbox容器破坏了UI



这是代码沙盒单击"在新窗口中打开"进入全屏模式

https://codesandbox.io/s/restless-sun-sen7m?file=/src/App.js

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

PS以像素左右为单位设置自定义日历类的最大宽度不是一个选项,因为它以这种方式失去了真正的响应能力(需要支持移动屏幕(。

文档站点在"入门"部分特别说明:

还要确保日历的容器元素具有高度,或者日历将不可见

将日历放在自己的容器中,并设置其高度。在内部,日历显示使用flexbox来布置其内容。

最新更新