文件名称：react-div-100vh:移动浏览器中“ 100vh”问题的解决方法
文件大小：201KB
文件格式：ZIP
更新时间：2024-05-19 07:13:37
react mobile-web TypeScript
Div100vh React组件和use100vh React钩子 这是针对iOS Safari和其他移动浏览器的解决方法。 问题 在移动浏览器中，视口的实际高度是动态的，因为浏览器的“ chrome”（面板）在滚动时会滑开。 浏览器开发人员面临两种选择：要么随着vh的像素值更改而重排页面，要么忽略浏览器面板覆盖部分屏幕的事实。 浏览器面板应该能够平稳地滑开，并且由于滚动过程中的布局重排看起来不会很平滑，因此浏览器开发人员选择了第二个选项。 它可能适用于大多数用例，但是如果您正在寻找类似应用程序的全屏体验，或者要确保不覆盖初始屏幕底部的号召性用语按钮，则可以可能需要知道vh的公允价值。