Title:一个忘了是什么的例子Create:2018-11-14 ◊ 访问量:417

UpDate:2018-11-14 18:55
Author: 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