为什么vuetify.js的v容器会以67％的缩放比例自动获得流体属性？

Question

我正在使用vuetify。当我使用v-container时，它会自动以浏览器67％的缩放比例显示整个宽度，而其余部分则可以正常工作。我没有使用过[[fluid属性。

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

Answer 1

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

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