.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%似乎没有作用,背景图片依然只显示有文字的那部分。如何让图片铺满整个屏幕呢?
1:把他的所有父级元素都设为:height:100%
2:把这个content position设为fixed 或absolute
高度100%是相对父级的100%咯,父级高度随子级高度变化,那说明父级是自动高度,无法形成相对值。
page有没有设置100%? 给page页100%高度。然后给容纳图片的标签100%高度和宽度,图片也是100%高度和宽度
我把height:100%改为了100vh就好了。问题已解决;但是心中还是疑惑,对标签设置height为100%为啥不起作用呢?
网络图片不能设置高度么? 直接在标签上设置宽高,应该是没问题的。
但是问题来了,我用的网络图片,如何对其设置高度呢?
谢谢
给page页100%高度。然后给图片100%高度和宽度