<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body{
background: #000 url(http://p6.qhimg.com/t0123fede0a5c219b8b.png) center center fixed no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*1024 X 768*/
@media only all and (max-width: 1024px) and (max-height: 768px){
body{
-moz-background-size:1024px 768px;
-webkit-background-size:1024px 768px;
-o-background-size:1024px 768px;
background-size:1024px 768px;
}
}
@media only all and (max-width: 640px) and (max-height: 480px) {
body{
-moz-background-size:640px 480px;
-webkit-background-size:640px 480px;
-o-background-size:640px 480px;
background-size:640px 480px;
}
}
</style>
</head>
<body>
<p>不要试验哦！！小心图片失真！！！</p>
</body>
</html>
<html>
<head>
<title></title>
<style>
body{
background: #000 url(http://p6.qhimg.com/t0123fede0a5c219b8b.png) center center fixed no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*1024 X 768*/
@media only all and (max-width: 1024px) and (max-height: 768px){
body{
-moz-background-size:1024px 768px;
-webkit-background-size:1024px 768px;
-o-background-size:1024px 768px;
background-size:1024px 768px;
}
}
@media only all and (max-width: 640px) and (max-height: 480px) {
body{
-moz-background-size:640px 480px;
-webkit-background-size:640px 480px;
-o-background-size:640px 480px;
background-size:640px 480px;
}
}
</style>
</head>
<body>
<p>不要试验哦！！小心图片失真！！！</p>
</body>
</html>
2694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
