Nuxt.jsでの全画面背景色の設定方法について

Question

Vue.jsを最近触り始めたプログラミグ初心者です。
Nuxt.jsでの全画面の背景色の設定が出来ません。heightを100%に設定しても１つの要素分にしか背景色が効きません。全体に効かせる方法をご存じの方いらっしゃいましたら教えていただきたいです！

<template>
  <div class="hello">
    Hello
  </div>
</template>

<style>

.hello{
  height: 100%;
  background-color: dodgerblue;
}

</style>

Answer 1

以下のようにしてみるといかがでしょうか?
「100vh」というのは、画面の高さという指定です。

.hello{
  /* height: 100%; */
  height: 100vh;
  background-color: dodgerblue;
}

Comments

[auo_1776]

全画面に適応出来ました！とっても助かりました、ありがとうございました。