HTML前端 PC端/手机端，怎么在不同的分辨率完美展示图片？

怎么在不同的分辨率完美展示图片

废话不多说，直接上代码，CSS样式套用，根据自己需求修改即可食用。

<style media="screen">
    /*分辨率低于1280，采用下面的样式*/
    @media screen and (max-device-width:1280px){
        div{
            width: 200px;
            height: 200px;
            background-color: green;
        }
    }

    /*分辨率高于1440，采用下面的样式*/
    @media screen and (min-device-width: 1440px){
        div{
            width: 300px;
            height: 300px;
            background-color: red;
        }
    }
</style>

部分素材来源于网络，如有侵权请联系删除！

© 版权声明：本文为奇异纬度的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

HTML前端 PC端/手机端，怎么在不同的分辨率完美展示图片？ - 原文链接：http://blog.isww.cn/358.html