响应式布局，利用媒体查询(@media)让网站适应电脑及移动端设备的办法

以下代码表示判断屏幕宽度小于360px的CSS样式，也就是说相当于手机屏幕。

@media screen and (max-width: 360px) {
    body {
        background-color:#333；
    }
}