注册登录

弹一尘

发布：2019-08-23 10:56
更新：2022-11-15 16:09
阅读：21090

uni.app怎样让页面铺满屏幕呢。page页面高度怎样兼容呢，小程序设置100vh，h5却不支持，h5设置100%、小程序又不支持

分类：uni-app

uni_app

2019-08-23 10:56 负责人:无分享

8 个回复

在App.vue文件中加入样式  
<style>   
      uni-page-body,html,body{  
        height: 100%;  
    }  
</style>   
子页面样式  
<template>    
   <view class="page">ssss</view>    
</template>    
<style>    
  .page{height:100%;background:#000}    
</style>  
这样写apph5、小程序页面都能满屏

1***@qq.com

<style lang="scss">
uni-page-body,page{
height: 100%;
}
</style>
记得去掉scoped

9***@qq.com

这个简单呀把page的背景色设置成灰色文字用fixed居中

叶凌风

叶凌风 - 叶凌风

答非所问吗

DCloud_heavensoft

h5和小程序，都支持所有web单位，不管是vh还是百分比，都支持

叶凌风

叶凌风 - 叶凌风

谢谢回答，我看是作者没有设置对父级高度的，100%是相对父级而言的

直接写page{background:#000} 不需要设置高度也是可以满屏背景

啊婕不卡bug

看图哈

要回复问题请先登录或注册