SinkDark/myblog/static/css/m.css

63 lines
2.3 KiB
CSS
Raw Normal View History

2024-09-17 17:30:58 +08:00
@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; }
}