CSS媒体查询(@media)

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

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

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

转载于:https://www.cnblogs.com/wpcnblog/p/5445352.html