title: Vuetify: fit v-image within the screen size
body: <p>My vue page have a photo gallery, and when a photo is selected, the dialog will jump out by setting the <code>selectedCard</code>.<br>
  While the image is not fitting the size of the screen.<br>
  I tried to set css with max height or width with 100% anywhere I can, but none of them are working.<br>
  How can I fix my css so that the whole image can be view on the screen without scrolling?<br>
  Screen cap: only half of the image can be shown
  <a href="https://i.stack.imgur.com/oW9n5.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/oW9n5.jpg" alt="only half of the image can be shown"></a>  </p>
  
  <pre><code>//Dialog component    
  &lt;template&gt;
    &lt;v-dialog :value="selectedCard" scrollable fullscreen hide-overlay&gt;
      &lt;v-card v-if="selectedCard"&gt;
        &lt;v-container grid-list-sm fluid&gt;
          &lt;v-layout align-space-around row fill-height&gt;
            &lt;v-flex id="mainCardPanel"&gt;
              &lt;v-layout align-space-around column fill-height&gt;
                &lt;v-flex xs12&gt;
                  &lt;MyCard class="mainCard" :card="selectedCard"&gt;&lt;/MyCard&gt;
                &lt;/v-flex&gt;
                &lt;v-flex xs12&gt;
                  &lt;v-btn&gt; SomeButton &lt;/v-btn&gt;
                &lt;/v-flex&gt;
              &lt;/v-layout&gt;
            &lt;/v-flex&gt;
          &lt;/v-layout&gt;
        &lt;/v-container&gt;
      &lt;/v-card&gt;
    &lt;/v-dialog&gt;
  &lt;/template&gt;
  // MyCard component
  &lt;template&gt;
    &lt;v-card flat tile class="d-flex justify-center" &gt;
      &lt;v-img :contain="true" :src=card.imageUrlHiRes
          :lazy-src=card.imageUrl class="grey lighten-2 Card"&gt;
        &lt;template v-slot:placeholder&gt;
          &lt;v-layout fill-height align-center justify-center ma-0&gt;
            &lt;v-progress-circular indeterminate color="grey lighten-5"&gt;&lt;/v-progress-circular&gt;
          &lt;/v-layout&gt;
        &lt;/template&gt;
      &lt;/v-img&gt;
    &lt;/v-card&gt;
  &lt;/template&gt;
  </code></pre>