CSS3 多媒体查询

viewport(视窗) 的宽度与高度

设备的宽度与高度

朝向 (智能手机横屏，竖屏) 。

分辨率

body {

    background-color: pink;

}

@media screen and (min-width: 480px) {

    body {

        background-color: lightgreen;

    }

}