https://liangweibiao.github.i...
3
599.registerBg{
background: url('../images/Land-bg.jpg') no-repeat;
background-size: 7.50rem 13.34rem;
overflow: hidden;
height: 13.34rem;
width: 7.5rem;
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
楼主上面的那个是本地浏览器中的，实际在手机中的高度要比你本地高度矮一点的，那是因为手机的最上面和最下面都有系统占用的部分，所以才会造成你说的问题
看了下页面，先回答下你的问题，高度为什么给吞掉了。
其实没有被吞掉，你设置的背景图片高度为 13.34rem。高度就是这么多。
只是当移动端浏览器视口高度小于13.34rem 时，你的页面就会带滚动。
接下来说下我的一点想法，我猜测这个页面的需求是自适应，始终填充满整个视口，不出现滚动。
这样的话你用 rem 实现的话就不太好了。
差不多是楼上说的意思,
background-size: 100% 100%;即可裸眼基本上看不出图片在不同分辨率下的拉伸效果(前提是主流手机的各种分辨率当中).
谷歌直接就能调试, 像这种就属于兼容性问题, 最好是响应式来控制样式.