相关疑难解决方法(0)

vuetify v-col xs =“ 12”仅填充一半的宽度

我想知道为什么当屏幕尺寸小于600像素时vuetify断点无法正常工作

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  
})
Run Code Online (Sandbox Code Playgroud)
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>


<div id="app">
  <v-app id="inspire">
    <v-container class="grey lighten-5">
      <v-row no-gutters>
        <v-col
          v-for="n in 3"
          :key="n"
          xs="12"
          sm="12"
          md="4"
        >
          <v-card
            class="pa-2"
            outlined
            tile
          >
            One of three columns
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>
Run Code Online (Sandbox Code Playgroud)

当屏幕尺寸为 XS

锅盘样品

html css vue.js vuetify.js

2
推荐指数
1
解决办法
846
查看次数

标签 统计

css ×1

html ×1

vue.js ×1

vuetify.js ×1