【发布时间】:2019-09-22 14:19:47
【问题描述】:
为什么我的网站底部有一个偏移量,并且只在我的手机(小米note 7)和(icognito)Chrome移动浏览器上可见?
https://pandaquests.github.io/test2/
代码 https://github.com/pandaquests/test2/tree/gh-pages?files=1
起初我认为这与内容容器的大小有关。但我已经将它设置为height: 100vh;。它在笔记本电脑/桌面浏览器上也能正常工作,在移动视图的检查工具中看起来也很好。然而,在真正的智能手机上,它看起来不正常,即存在可见高度的偏移(见图)。
它托管在使用 vueJS、vuetify 编写的 github 页面上
我只使用了标准的 vuetify 组件并稍作调整:
应用栏:
https://codepen.io/thadeuszlay/pen/MWgZQzr?&editable=true&editors=101
卡片:
https://codepen.io/thadeuszlay/pen/wvwRyQz?&editable=true&editors=101
【问题讨论】:
-
你能分享你所有的应用程序代码吗?错误不在这两个组件中
-
@MarcRo 查看更新
-
您不小心共享了缩小代码。:)
-
@MarcRo 请转到 src 文件夹中的 master 分支
-
@MarcRo 你是对的!我以为我修复了它,但现在我记得我之前
reset --hard并且可能恢复了该修复。谢谢。如果您将其写为答案,我将接受它作为最佳答案。 (奇怪的是它在台式机/笔记本电脑上看起来不错,而且在移动视图中的开发工具也很好......)
标签: css vue.js github vuetify.js