我使用tailwindcss來設(shè)計(jì)我的應(yīng)用程序，但是當(dāng)我試圖設(shè)置背景顏色時(shí)，它并沒有填滿整個(gè)空間，而是將屏幕的一部分留作白色。

App.vue

<template>
  
 
  <div class="min-h-screen flex flex-col bg-cyan-500 ">
    <site-navigation></site-navigation>
  </div>
</template>

<script>
import SiteNavigation from './components/SiteNavigation.vue'
/*eslint-disable*/
export default {
  name: 'App',
  components: {
    SiteNavigation,
  }
}
</script>

ChildComponent.vue

<template>

  <header>
    <nav>
        <span>1</span>
        <span>2</span>
    </nav>
  </header>

</template>


<script></script>

在此輸入圖像描述

我試著閱讀文檔，并看到，視口需要正確的，這確實(shí)是在我的index.html文件。