老师你好请教个问题

Question

vue3

// App.vue
<script setup>
</script>

<template>
  <div class="aaa">

  </div>
</template>

<style scoped>
.aaa {
  width: 100vh;
  height: 100vh;
  background-color: red;
}
</style>

我要占满一屏设置了宽高100vh为什么还能往下滚？要怎么改呢
谢谢

Answer 1

西门老舅 2024-03-09 16:23:04

你好，你写width:100vw，试试看，你可以先测测pc端

• 提问者 慕工程0023833 #1

  PC端也是啊，不能占满一屏

• 西门老舅 回复 提问者 慕工程0023833 #2

  <template>
    <div class="aaa"></div>
  </template> 
  <script setup>
  </script>
  <style scoped>
  .aaa {
    width: 100vw;
    height: 100vh;
    background-color: red;
  }
  </style>
  这个代码我试了是滚动不了的，注意width:100vw

• 提问者 慕工程0023833 回复 西门老舅 #3

  是我的问题，谢谢

点开查看后面1条评论