弹一尘
弹一尘
  • 发布:2019-08-23 10:56
  • 更新:2022-11-15 16:09
  • 阅读:13944

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

分类:uni-app

2019-08-23 10:56 负责人:无 分享
已邀请:
爱问

爱问

在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

1***@qq.com

uni-page-body,page{ height: 100%; }

记得去掉scoped

9***@qq.com

9***@qq.com

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

叶凌风

叶凌风 - 叶凌风

答非所问吗

DCloud_heavensoft

DCloud_heavensoft

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

叶凌风

叶凌风 - 叶凌风

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

爱问

爱问

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

啊婕不卡bug

啊婕不卡bug

看图哈

要回复问题请先登录注册