<template>
<view class="content">
</view>
</template>
<script>
</script>
<style>
page{
height: 100%;
border: 2px solid red;
}
.content{
height: 100%;
border: 2px solid blue;
}
</style>
北陌
- 发布：2022-11-01 21:07
- 更新：2022-11-14 14:55
- 阅读：620
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10- 21H2
HBuilderX类型： Alpha
HBuilderX版本号： 3.6.8
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： 红米k30pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="content">
</view>
</template>
<script>
</script>
<style>
page{
height: 100%;
border: 2px solid red;
}
.content{
height: 100%;
border: 2px solid blue;
}
</style>
<template>
<view class="content">
</view>
</template>
<script>
</script>
<style>
page{
height: 100%;
border: 2px solid red;
}
.content{
height: 100%;
border: 2px solid blue;
}
</style>
预期结果：
content 元素撑满页面
content 元素撑满页面
实际结果：
content 元素自适应
content 元素自适应
bug描述：
给page 高度100% 后，template 节点下view，height:100%,app端不生效，h5端生效，，vue2模式 都正常。
3 个回复
最佳回复
DCloud_UNI_WZF
HBuilderX 3.6.9 已修复
hbxw
试过100vh么
北陌 (作者)
100vh，可以，不过我是希望解决问题 ，不是 另寻他法，，100vh，会在很多地方需要计算 navbar与 tabbar,所以习惯与100%,会方便许多
2022-11-02 11:42
DCloud_UNI_WZF
问题已确认，感谢反馈，已加分
暂时可通过 /HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-app-plus/dist/style.css 添加如下代码修复
预计下个版本修复