计算机网络/计算机科学与应用/系统/运维/开发

不同设备的适配与响应

1、@media规则

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


代码如下:

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


生活的强者,不是指能搞定一切困难,也不是指没有恐惧,而是就算心里藏着无尽的疲惫和委屈,还是会认真地做好手头上的事情;就算自己被生活锤得心灰意冷,还是会尽心尽力地负起责任;就算发现现实与理想的差距有十万里,虽然鞭长莫及,却依然马不停蹄。

评论

^