css - vuejs底部的偏移量+仅在移动设备上的vuetify应用程序

Question

为什么我的网站底部有一个偏移量，而且它只在我的手机(Xiami note 7)和(icognito)Chrome 移动浏览器上可见？

https://pandaquests.github.io/test2/

代码 https://github.com/pandaquests/test2/tree/gh-pages?files=1

一开始我以为是内容容器的大小有关。但我已经将它设置为 height: 100vh;。它在笔记本电脑/台式机浏览器上运行良好，在移动 View 的检查工具中也看起来不错。然而，在真正的智能手机上它看起来不对，即可见高度存在偏移(见图)。

它托管在用 vueJS、vuetify 编写的 github 页面上

我只使用了标准的 vuetify 组件并做了一些小的调整:

应用栏:

https://codepen.io/thadeuszlay/pen/MWgZQzr?&editable=true&editors=101

卡片:

https://codepen.io/thadeuszlay/pen/wvwRyQz?&editable=true&editors=101

Answer 1

您的 github 存储库中的代码在包装 v-sheet 组件上显示了带有 max-height="600px" 的样式属性，该组件以某种方式偷偷溜进去了:)