image.png
    image.png
    image.png
    image.png
    image.png

    @media screen and (min-width: 1000px) and (max-width: 1300px) { /判断宽度/
    body{
    background: red;
    }
    }
    @media screen and (min-width: 750px) and (max-width: 999px) { /判断宽度/
    body{
    background: green;
    }
    }

    1.     @media screen and (orientation:portrait) {     /*竖屏*/<br />             body{<br />                background: orange;<br />            }<br />        }<br />        @media screen and (orientation:landscape) {    /*横屏*/<br />             body{<br />                background: blue;<br />            }<br />        }