MENU

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

• September 17, 2020 • Read: 308 • 经验教程

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

废话不多说,直接上代码,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>

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

Last Modified: June 24, 2021
Archives QR Code Tip
QR Code for this page
Tipping QR Code
开往-友链接力