Title:一个忘了是什么的例子Create:2018-11-14 ◊ :974
:2018-11-14 18:55
: TabKey9 :0 :0
以前很想找这么一个关于如何使用【@media】的例子,很久以后才找着,却没了兴趣,先存档,我怕再丢了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>利用img来实现背景图片</title>
<style>
*{
margin: 0;
padding: 0;
}
.bg-res {
position: fixed;
top: 0;
left: 0;
min-height: 100%;
height: auto;
min-width: 1440px;
width: 100%;
}
/*为了屏幕小于1440,图片能居中显示*/
@media screen and (max-width: 1440px) {
.bg-res {
left: 50%;
margin-left: -720px;
}
}
</style>
</head>
<body>
<img src="bg-img.jpg" alt="" class="bg-res">
</body>
</html>
---------------------
作者:一只鱼_
来源:CSDN
原文:https://blog.csdn.net/sinat_31102083/article/details/77431487
版权声明:本文为博主原创文章,转载请附上博文链接!
再加一个可能有帮助的链接: https://www.cnblogs.com/tugenhua0707/p/5260411.html