vuetify - メインとフッタの間に表示される背景

Question

私はvuetifyプロジェクトを持っています。 iOS 10.whateverを使用しているiphoneの場合は、バックグラウンドのみが表示されるメインセクションとフッターの間にギャップがあります。

私は考えることができるすべてを行いましたが、これはおそらく私が簡単に見落としているものですが、vコンテンツがメインセクション全体を占めていないようです。誰でもこの問題に直面していますか？

<template> 
<v-app style="background-color: rgba(238,232,205,1);"> 
    <app-age-verification></app-age-verification> 
    <main> 
     <v-content> 
      <transition name="fade" mode="out-in"> 
       <router-view> 
        <v-container fluid></v-container> 
       </router-view> 
      </transition> 
     </v-content> 
    </main> 
    <app-footer app></app-footer> 
</v-app> 
</template> 

コンポーネント例：

<template> 
<section id="main"> 
    <v-container grid-list-xl> 
     <v-layout row wrap> 
      <v-flex xs6 sm4> 
       <img :src="home.logo"> 
       <br><br> 
       <v-layout justify-center wrap> 
        <v-btn style="background-color: #661e26; 
           color: #eee8cd" 
          large 
          @click="auth"> 
         {{ b1 }} 
        </v-btn> 
        <v-btn style="background-color: #661e26; 
            color: #eee8cd" 
          large 
          @click="navigateToCustomer"> 
         {{ b2 }} 
        </v-btn> 
       </v-layout> 
      </v-flex> 
     </v-layout> 
    </v-container> 
</section> 
</template> 

は私が<main>タグを削除しようとするだろうあなた

Answer 1

ありがとうございます。私は私のレイアウトの1つで同様の問題を抱えていました。

<template> 
<v-app style="background-color: rgba(238,232,205,1);"> 
    <app-age-verification></app-age-verification> 
    <v-content> 
     <transition name="fade" mode="out-in"> 
      <router-view> 
       <v-container fluid></v-container> 
      </router-view> 
     </transition> 
    </v-content> 
    <app-footer app></app-footer> 
</v-app> 
</template> 

<main>タグはまもなく廃止されますが、ここでgithub issueです。それは0.17.xリリースの前に影響を与えているようですが。