1、@media规则
@media规则是用来匹配不同设备
代码如下：
aside{
width:200px;
float:left;
}
/* 当设备屏幕的宽度小于480px的时候隐藏侧边栏 */
@media only screen and (max-width:480px) {
aside {
display:none;
}
}不同设备的适配与响应
人各有命，但命运也从来不是随机发牌，而是每个人主动选择的结果。
技术 · 思考 · 实践 · 成长
1、@media规则
@media规则是用来匹配不同设备
代码如下：
aside{
width:200px;
float:left;
}
/* 当设备屏幕的宽度小于480px的时候隐藏侧边栏 */
@media only screen and (max-width:480px) {
aside {
display:none;
}
}人各有命，但命运也从来不是随机发牌，而是每个人主动选择的结果。