背景图片无法铺满这个屏幕

时间：2019-05-03 来源：小程序工厂

.content{ font-family: 微软雅黑，在android手机上缩放地图时，marker位置会变--微信小程序教程 ...。宋体; height: 100%; width: 100%; font-size: 14px; background-size:cover; background-image: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1515673917986&di=1c9513c3e2f07003d675e08146ef6b54&imgtype=0&src=http%3A%2F%2Fdown.tutu001.com%2Fd%2Ffile%2F20110706%2F33e9ccfa719f00dc54fb0beec7_560.jpg");

wxss代码如上图，便宜是成功的，但是height设置成100%似乎没有作用，背景图片依然只显示有文字的那部分。如何让图片铺满整个屏幕呢?

微信小程序开发问题解答本文来自微信小程序工厂 http://www.xcxgc.com，转载请保留。

微信小程序开发者回答：

S***：
给page页100%高度。然后给图片100%高度和宽度
向***：
谢谢

使用后台播放器播放音乐,在android机上只要锁屏就暂停了播放 ...
向***：
但是问题来了，我用的网络图片，如何对其设置高度呢？
S***：
网络图片不能设置高度么？直接在标签上设置宽高，应该是没问题的。
向***：
我把height：100%改为了100vh就好了。问题已解决；但是心中还是疑惑，对标签设置height为100%为啥不起作用呢？
将canvas标签放入了swiper-item标签中在真机环境下的问题##微信小程序开发 ...
S***：
page有没有设置100%？给page页100%高度。然后给容纳图片的标签100%高度和宽度，图片也是100%高度和宽度
永***：
高度100%是相对父级的100%咯，父级高度随子级高度变化，那说明父级是自动高度，无法形成相对值。
向***：
永恒君说的很对，谢谢了

小米4都无法真机预览微信小程序？
江***：
1：把他的所有父级元素都设为：height:100%
2:把这个content position设为fixed 或absolute

本文网址：http://www.91bianli.com/weixinxiaochengxu/30169.html

上一篇：无法实时展现页面

下一篇：【51小程序】在官方开发工具里无法开发分包内