一个css样式,根据不同的分辨率,写不同的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/PHP 前端获取当前年份代码

评论