@media only screen and (max- 500px) { .gridmenu { width:100%; } .gridmain { width:100%; } .gridright { width:100%; } }
这段代码的意思是:当文档的宽度小于500px的时候,执行大括号里面的css代码
@media only screen and (max- 500px) { .gridmenu { width:100%; } .gridmain { width:100%; } .gridright { width:100%; } }
这段代码的意思是:当文档的宽度小于500px的时候,执行大括号里面的css代码