私のサイトのホームページについては、この上にテキストを含むフルスクリーンカルーセルを用意する予定です。私はカルーセルを作ることができましたが、全画面表示はできませんでした（デバイスのサイズに関係なく、スクロールする必要はありません。 。干渉し、これらが動作しない原因のようですページのフルスクリーンカルーセルをVuetify
私が試してみました：
<v-carousel style="height: 100%" hide-controls>
<v-carousel fullscreen hide-controls>
<v-carousel fill-height hide-controls>
しかし、それらのすべてが全部消えるかのようです何でカルーセルスティックを作る作るのいずれかデフォルトの最大高さ
例：https://codepen.io/anon/pen/EwqWqP
フルスクリーンカルーセルを取得するにはどうすればよいですか？
height: 100%などの親要素が<body>または<some-other-div>などの高さも必要なため、機能しません。これが動作しているようです
HTML
<div id="app">
<v-app id="inspire">
<v-toolbar></v-toolbar>
<v-carousel style="height:100%">
<v-carousel-item v-for="(item,i) in items" v-bind:src="item.src" :key="i"></v-carousel-item>
</v-carousel>
</v-app>
</div>
CSS
#inspire {
height: 100vh;
}
：何ができるように、height:100%にあなたの親コンテナheight:100vhとあなたのカルーセルを設定している
私にとっては→Example
これはvhがツールバーを無視するように見えるため、機能しませんでした。私は適切に質問を更新しました。 –
私の回答を更新しました... – Beat
これは機能します！ありがとうございました。 –
もっとコードを共有してください。 – pirs
@pirs質問を更新しました。 –