63 lines
2.3 KiB
CSS
63 lines
2.3 KiB
CSS
|
@charset "gb2312";
|
||
|
|
@media screen and (min-width: 1024px) and (max-width: 1199px) {
|
||
|
|
header { width: 96%; margin: auto }
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 960px) and (max-width: 1023px) {
|
||
|
|
header { width: 96%; margin: auto }
|
||
|
|
article { width: 96% }
|
||
|
|
nav { width: 96%; }
|
||
|
|
#starlist li { padding-left: 20px }
|
||
|
|
.picshowlist { display: none }
|
||
|
|
.tuijian, .guanzhu { width: 270px; }
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 768px) and (max-width: 959px) {
|
||
|
|
header { width: 96%; margin: auto }
|
||
|
|
article { width: 96% }
|
||
|
|
nav { width: 96%; }
|
||
|
|
#starlist li { padding-left: 15px }
|
||
|
|
.picbox ul { width: 23%; }
|
||
|
|
.picshowlist { display: none }
|
||
|
|
.pagelist a { padding: 2px 3px; }
|
||
|
|
}
|
||
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||
|
|
header { width: 96%; margin: auto }
|
||
|
|
article { width: 96% }
|
||
|
|
.logo { width: 100% }
|
||
|
|
nav { width: 100%; position: relative }
|
||
|
|
#starlist { display: none; background: rgba(0,0,0,.5); width: 100% }
|
||
|
|
#starlist li { display: block; width: 70%; padding: 0; background: #FFF }
|
||
|
|
#starlist li:last-child { padding-bottom: 100% }
|
||
|
|
#mnavh { position: absolute; display: block; top: 8px; left: 10px }
|
||
|
|
.l_box { display: none }
|
||
|
|
.r_box, .infosbox, .picsbox, main { width: 100% }
|
||
|
|
.pagelist a { padding: 2px 3px; }
|
||
|
|
.picbox ul { width: 22%; }
|
||
|
|
.picbox ul li i { margin: 5px }
|
||
|
|
.picinfo { display: none }
|
||
|
|
.picshowlist { display: none }
|
||
|
|
.lmname, .view { display: none }
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 479px) {
|
||
|
|
header { width: 96%; margin: auto }
|
||
|
|
article { width: 100% }
|
||
|
|
.logo { width: 100% }
|
||
|
|
nav { width: 100%; position: relative }
|
||
|
|
#starlist { display: none; background: rgba(0,0,0,.5); width: 100% }
|
||
|
|
#starlist li { display: block; width: 70%; padding: 0; background: #FFF }
|
||
|
|
#starlist li:last-child { padding-bottom: 100% }
|
||
|
|
#mnavh { position: absolute; display: block; top: 8px; left: 10px }
|
||
|
|
.l_box { display: none }
|
||
|
|
.r_box, .infosbox, .picsbox, main { width: 100% }
|
||
|
|
.picbox { width: 96%; margin: auto }
|
||
|
|
.picbox ul { width: 48%; margin-right: 0 }
|
||
|
|
.picbox ul:nth-child(1), .picbox ul:nth-child(3) { margin-right: 8px }
|
||
|
|
.piclistshow ul li { height: 100px; padding: 0 }
|
||
|
|
.piclistshow .picimg { height: 100px }
|
||
|
|
.picbox ul li i { margin: 2px }
|
||
|
|
.picinfo { display: none }
|
||
|
|
.picshowlist, .pictxt { display: none }
|
||
|
|
.lmname, .view { display: none }
|
||
|
|
.r_box li i { float: none; margin: 0 auto 20px; width: 100%; max-height: initial }
|
||
|
|
.newsview { padding: 0 15px; }
|
||
|
|
}
|