css样式变量 var(--status-bar-height)、var(--window-top)、var(--window-bottom),在5+app上不生效。
项目需要跨端适配H5和app,使用css变量的话,只有H5生效,目前只测试了安卓手机,没有测试过iPhone。暂时只能使用条件编译来做了。
style标签
<style lang="scss" scoped>
.card-center {
width: 100vw;
height: calc(100vh - var(--window-bottom));
&-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70upx;
}
&-swipe {
position: absolute;
top: 70upx;
width: 100%;
height: calc(100vh - 70upx - var(--window-bottom));
}
}
</style>
2 个回复
9***@qq.com - the world is built with code
使用这些 变量需要在项目引入uni.css吗??
DCloud_UNI_GSQ
已修复,更新到 HBuilderX alpha 2.0.2 即可
万朋
你好,hbuilder x 2.6.1 版本 v3编译器 var(--window-top) 未生效
2020-03-12 15:48
DCloud_UNI_GSQ
回复 万朋: 更新到2.6.3 alpha
2020-03-12 18:33
万朋
回复 DCloud_UNI_GSQ: 好的,谢谢~
2020-03-16 11:46
s***@qq.com
回复 DCloud_UNI_GSQ: 2.6.16版本也没有生效,有替代方案吗?
2020-07-29 13:27
DCloud_UNI_GSQ
回复 s***@qq.com: 试试更新的版本
2020-07-30 12:14
DCloud_UNI_GSQ
回复 s***@qq.com: 替代方案就是使用getsysteminfo接口获取
2020-07-30 12:14