CSS媒体查询(@media)

@media only screen and (max- 500px) {
    .gridmenu {
        width:100%;
    }

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

这段代码的意思是：当文档的宽度小于500px的时候，执行大括号里面的css代码