【问题标题】:Why does v-container of vuetify.js takes fluid property automatically at 67% zoom?为什么 vuetify.js 的 v-container 在 67% 缩放时会自动获取流体属性?
【发布时间】:2020-05-19 21:22:06
【问题描述】:

我正在使用 vuetify。当我使用 v-container 时,它会在浏览器的 67% 缩放时自动占据全宽,而其余部分则可以正常工作。我没有使用 fluid 属性。

   <v-container>
        <v-card
            :ripple="false"
            class="mt-2"
            outlined
        >
    //xyz code here
        </v-card>
    </v-container>

【问题讨论】:

    标签: css vue.js grid vuetify.js


    【解决方案1】:

    缩小会触发 CSS 媒体查询,它会在容器上设置最大宽度。这些媒体查询之一:

    @media (min-width:1904px) {
     .container {
        max-width:1904px
      }
    }
    

    【讨论】:

      猜你喜欢
      • 2018-12-04
      • 2020-12-30
      • 2015-01-10
      • 1970-01-01
      • 1970-01-01
      • 2021-11-23
      • 2011-05-03
      • 2021-09-16
      • 2016-12-26
      相关资源
      最近更新 更多