不同设备的适配与响应

1、@media规则

@media规则是用来匹配不同设备

代码如下：

aside{
    width:200px;
    float:left;
}
/* 当设备屏幕的宽度小于480px的时候隐藏侧边栏 */
@media only screen and (max-width:480px) {
    aside {
        display:none;
    }
}