Chrome 移动版“浏览”在正文下方有额外的空间

chrome mobile browse has additional space below body

提问人:andY 提问时间:10/29/2023 最后编辑:Roko C. BuljanandY 更新时间:10/29/2023 访问量:19

问:

在此处输入图像描述

我面临两个问题。

基本上 [ONLY] chrome 移动浏览器在主体下方有额外的空间。它导致可以滚动甚至很难,我使身体无法滚动。正常情况(包括 Safari 或任何其他浏览器)它按我的预期工作。

body {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
}

其他问题可能与下面的额外空间有关。键盘消失后,滚动位置的位置与上传的图片类似。

如何解决此问题?

javascript css reactjs google-chrome mobile-chrome

评论

0赞 Roko C. Buljan 10/29/2023
您是否尝试过使用(动态视口高度)而不是 to ?100dvh100vhbody

答: 暂无答案