【问题标题】:Offset at bottom of vuejs + vuetify application only on mobile仅在移动设备上 vuejs + vuetify 应用程序底部的偏移量
【发布时间】: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


【解决方案1】:

您的 github 存储库中的代码在包装 v-sheet 组件上显示了带有 max-height="600px" 的样式属性,该组件不知何故潜入其中:)

【讨论】:

    猜你喜欢
    • 2019-04-14
    • 2019-04-21
    • 1970-01-01
    • 1970-01-01
    • 2020-11-20
    • 2016-06-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多