今天帮别人做了一个兼容pc端和移动端的页面，正好温习了一下媒体查询的知识。
1、@media screen and （ max-width : 600px ）{
/*屏幕宽度<=600px的样式*/
}
2、@media screen and （ min-width : 600px ）and （max-width : 1000px ）{
/*屏幕宽度600-1000px的样式*/
}
3、@media screen and （ min-width : 1000px ）{
/*屏幕宽度>=1000px的样式*/
}
??注意：今天写样式的时候发现先写好pc端最大的尺寸的样式，然后把适配小尺寸的代码放下面，这样只需把要改的样式写到里面小尺寸代码里；
原文：http://www.cnblogs.com/zanshilei/p/7572113.html