随手记录的响应式屏幕宽度的CSS代码

/*响应式*/
@media screen and (max-1000px){
div#topNav,div#top,div#navSub,div.mod2,div#bottom p{display:none;}
div#nav{width:auto; display:block;}
div#bottom p.ps3{display:block;}
div.mod1{width:100%; margin-right:0;}
div.main{width:auto; margin:0 10px;}
div.tit h2,div.conList h3,div.conLs2 p span,div.page a,h1,div.read p,div.read div p{font-family:Arial; font-size:1em;}
div.tit h2{font-size:1.5em;}
div.conList h3{font-size:1.3em;}
div.conLs2 p span{font-size:0.8em;}
h1{font-size:1.8em;}
div.read p,div.read div p{font-size:1.4em; text-indent:0;}
div.read img{max-width:100%; display:block;}
　　}
@media only screen and(max-1000px){
div#topNav,div#top,div#navSub,div.mod2,div#bottom p{display:none;}
div#nav{width:auto; display:block;}
div#bottom p.ps3{display:block;}
div.mod1{width:100%; margin-right:0;}
div.main{width:auto; margin:0 10px;}
div.tit h2,div.conList h3,div.conLs2 p span,div.page a,h1,div.read p,div.read div p{font-family:Arial;}
div.tit h2{font-size:1.5em;}
div.conList h3{{font-size:1.3em;}
div.conLs2 p span{font-size:0.8em;}
h1{font-size:1.8em;}
div.read p,div.read div p{font-size:1.4em; text-indent:0;}
div.read img{max-width:100%; display:block;}
　　}