iview框架高度不够，应在这设置样式

最新推荐文章于 2023-03-29 22:02:45 发布

ProbieHimself

最新推荐文章于 2023-03-29 22:02:45 发布

阅读量746

点赞数

CC 4.0 BY-SA版权

分类专栏：前端vue中的错误文章标签： ui

本文链接：https://blog.youkuaiyun.com/ProbieHimself/article/details/121135839

当iview框架导入后，发现页面高度仅为一半。解决方法是在app组件上设置高度，例如通过ivu-layout进行调整，确保框架适配正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

把iview框架导入你的代码中，显示你的高度只有页面的一半，比如这样在这里插入图片描述
那就应该在你的app上设置高度，代码放下面了

ivu-layout是整个框架，大家可以根据相应的代码进行更改

<style lang="scss">
  body{
        width: 100%;
        height: 100%;
    }
   html{
      width: 100%;
      height: 100%;
    }
    #app{
      width: 100%;
      height: 100%;
    }
   .ivu-layout{
      width: 100%;
      height: 100%;
    }
</style>

在这里插入图片描述
这样就改好啦！