在移动设备上滚动时，防止调整全屏/视口前奏元素的大小？

Question

我正在使用与浏览器窗口大小相同的全屏介绍元素进行一些测试。背景包含在调整浏览器窗口大小时调整大小的图像。

问题是移动电话和平板电脑等小型设备上的浏览器。当您用手指向下滚动时，浏览器的上部会移开，以便为主页提供更多空间。但每次发生这种情况时，全屏介绍元素都希望通过向元素添加或移除相同高度来补偿这一点。这会产生不太好的跳跃效果。

这可以通过某种方式解决吗？

我没有指向主页的链接，因为它目前只在localhost上。

我在全屏介绍元素中使用此CSS：

body, html {
height: 100%;
} 

.fullscreen {
 height: 100%;
 height: auto;
 }