我正在使用React（16.8.6）构建一个网站，但在移动Safari上，当用户开始滚动时，它不会像其他网站那样折叠/缩小URL栏。

包装div的CSS如下所示：

  {...otherComponentsHere}  

const ContentContainer = styled.div` height: 100%; /*允许两个列占据浏览器窗口的整个高度*/ overflow-y: auto; flex-grow: 1; display: flex; flex-direction: column; `; const ScrollContainer = styled.div` flex: 1; `;

App.css如下所示：

html { height: 100%; min-height: 100vh; } body { font-family: 'Work Sans', 'Courier New', sans-serif; min-height: 100%; height: 100%; margin: 0px; } #app { height: 100%; } #root { height: 100%; display: flex; overflow: hidden; /*使body不可滚动*/ box-sizing: border-box; }

我正在尝试找出这个CSS中的问题，它阻止了Safari URL栏在用户滚动时折叠。非常感谢您的帮助。