背景图片无法铺满这个屏幕
发布于 5 年前 作者 jing06 4100 次浏览 来自 问答

.content{  font-family: 微软雅黑,宋体;  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%似乎没有作用,背景图片依然只显示有文字的那部分。如何让图片铺满整个屏幕呢?

8 回复

但是问题来了,我用的网络图片,如何对其设置高度呢?

网络图片不能设置高度么? 直接在标签上设置宽高,应该是没问题的。

我把height:100%改为了100vh就好了。问题已解决;但是心中还是疑惑,对标签设置height为100%为啥不起作用呢?

1:把他的所有父级元素都设为:height:100%

2:把这个content  position设为fixed 或absolute

page有没有设置100%? 给page页100%高度。然后给容纳图片的标签100%高度和宽度,图片也是100%高度和宽度

高度100%是相对父级的100%咯,父级高度随子级高度变化,那说明父级是自动高度,无法形成相对值。

给page页100%高度。然后给图片100%高度和宽度

回到顶部