小程序
小游戏
企业微信
微信支付
扫描小程序码分享
height:80rpx;
position:absolute;
bottom:0rpx;
font-size:20rpx;
text-align:center;
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
使用position:fixed的话还有问题吗？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我找了一台有虚拟按键的android，感觉位置并没有问题。你这里使用的是position:absolute，它定位相对的父级是页面page节点吗？能不能提供更多相关代码？
感谢反馈。麻烦提供一下详情？
同问
感谢回复，经过借鉴其他小程序布局，发现是自己的写法问题。
请问你是怎么解决的？
{
background-image: url(../../images/bg.png);
width:700rpx;
display:flex;
position:relative;
bottom:160rpx;
height:800rpx;
background-size:contain;
background-repeat:no-repeat;
left:25rpx;
}
父级是page，布局中还有一张背景图，应该是受背景图布局影响。
虚拟按键是否也算在屏幕内，所以把页脚挤压。想问下该怎么解决，css怎么写避免这种情况，因为情况只出现在带有虚拟按键的手机上。
在其他不带虚拟按键的机型上显示正常
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
使用position:fixed的话还有问题吗？
我找了一台有虚拟按键的android，感觉位置并没有问题。你这里使用的是position:absolute，它定位相对的父级是页面page节点吗？能不能提供更多相关代码？
感谢反馈。麻烦提供一下详情？
同问
感谢回复，经过借鉴其他小程序布局，发现是自己的写法问题。
请问你是怎么解决的？
{
background-image: url(../../images/bg.png);
width:700rpx;
display:flex;
position:relative;
bottom:160rpx;
height:800rpx;
background-size:contain;
background-repeat:no-repeat;
left:25rpx;
}
父级是page，布局中还有一张背景图，应该是受背景图布局影响。
虚拟按键是否也算在屏幕内，所以把页脚挤压。想问下该怎么解决，css怎么写避免这种情况，因为情况只出现在带有虚拟按键的手机上。
在其他不带虚拟按键的机型上显示正常