1、首先需要打开sublimeText编辑器。
2、然后需要按照图示代码编写一个html页面,并且放入一张背景。
3、效果显示如下图,图片还是原来大小的背景。
4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。
5、效果显示如下图,图片table高度把屏幕占满。
css设置一张图拉伸填满整个窗口,我们可以通过给这个图片设置width,height都给他们100%的高度和宽度,然后在就能看到填满全屏了,举个例子:<html>
<head>
<style>
.class{
width:100%
//通过class来控制
height:100%
}
</style>
</head>
<body>
<div
id='content'>
<div
class='img'>
<img
src='图片地址'>
</img>
</div>
</body>
</html>
背景图全部铺满:background-size:100% 100%如果不是纯色或者图片大小和要填充的盒子大小相差不大的时候,100%可以看到全图但是有时候会变形,建议不要使用100%;可以改用cover,cover是按比例放大,超出盒子部分裁剪,图片不会变形但是有时候不能完全看到全图