1、@media规则
@media规则是用来匹配不同设备
代码如下：
aside{
width:200px;
float:left;
}
/* 当设备屏幕的宽度小于480px的时候隐藏侧边栏 */
@media only screen and (max-width:480px) {
aside {
display:none;
}
}不同设备的适配与响应
生活的强者，不是指能搞定一切困难，也不是指没有恐惧，而是就算心里藏着无尽的疲惫和委屈，还是会认真地做好手头上的事情；就算自己被生活锤得心灰意冷，还是会尽心尽力地负起责任；就算发现现实与理想的差距有十万里，虽然鞭长莫及，却依然马不停蹄。