1、首先需要打开sublimeText编辑器。
2、然后需要按照图示代码编写一个html页面,并且放入一张背景。
3、效果显示如下图,图片还是原来大小的背景。
4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。
5、效果显示如下图,图片table高度把屏幕占满。
分享3种CSS实现背景图图片全屏铺满自适应的方式,希望对你有所帮助。01
02
03
给body标签指定背景图,这样背景图就可以填充整个浏览器viewport了。其实,该方案对所有的块级容器都可以生效。块级容器的宽高是动态的,那么背景图将自动伸缩,充满整个容器。
css body标签的样式如下: