ios - Vuetify 数据表在 Safari 中呈现问题

Question

我知道这应该很容易，但我还没有找到问题所在。我正在将 Vuetify 数据表与外部源一起使用，在除 Safari(MacOS 和 iOS)之外的任何浏览器上一切正常。

问题:当数据表大于视口(viewport)时，无法渲染视口(viewport)之后的背景颜色。

您可以在此处查看存储库(附带演示): https://github.com/davellanedam/vue-skeleton-mvp

此处演示:https://vue-demo.daniel-avellaneda.com

凭据:admin@admin.com/12345

问题出在组件 adminCities.vue 和 adminUsers.vue

如何重现:以小窗口启动 Safari，然后滚动数据表，或将 Safari 置于响应模式并选择 iPhone 8，然后滚动数据表。

滚动前:https://imgur.com/nimBnlG

滚动后:https://imgur.com/tGx2hgI

有任何关于如何解决这个问题的线索吗？

Answer 1

通过从 Safari devtools 中的 table.v-table 中删除样式 max-width: 100% ，问题得以解决。我的解决方法是覆盖该类:

<style>
table.v-table {
  max-width: none;
}
</style>