<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>cover Screen</title>
<style>
body{
margin:0px;
}
.height-100 {
position: absolute;
height: 100%; width: 100%;
background-image: url('1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div id="height-100" class="height-100"></div>
</body>
<html>
<head>
<meta charset="utf-8">
<title>cover Screen</title>
<style>
body{
margin:0px;
}
.height-100 {
position: absolute;
height: 100%; width: 100%;
background-image: url('1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div id="height-100" class="height-100"></div>
</body>
</html>
//自己找张图片看效果哦~~
background-size：100%和background-size：cover的区别？
background-size：100%---按容器比例撑满，图片变形；
background-size：cover---把背景图片放大到适合元素容器的尺寸，图片比例不变。
上面的不能改为background-size：cover只能看见图片的一部分
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
