WebRoot/css/m.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * base.css
 * https://www.yangqq.com/
 * Copyright 2019, design by yangqq
 */
@charset "UTF-8";
@media screen and (min-width: 1024px) and (max-width: 1170px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
.ad-big, .left-box, .page-box { width: 68%; }
.ad-small { width: 31% }
.qq_join li section { margin: 0 }
.right-box { width: 31% }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
body { overflow-x: hidden }
.box, article { width: 960px; }
#starlist li { margin-right: 0 }
.ad-big, .left-box { width: 68%; }
.ad-small, .right-box { width: 31% }
.pics-list-price li i { height: 120px; line-height: 120px }
.page-title { width: 23% }
.page-box { width: 70% }
.qq_join li { width: 40%; }
.qq_join li section { margin: 0; }
.pic-list-img li:first-child i { height: 265px; line-height: 265px; }
.pic-list-img li i { height: 110px; line-height: 110px; }
.mp-pics ul li a { height: 90px; line-height: 90px; }
.product-suiji li { width: 33.333% }
.product-suiji li:last-child { display: none }
.product { margin: 0 10px }
}
 @media screen and (min-width: 840px) and (max-width: 959px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
nav #starlist { width: 100% }
#starlist li { margin-right: 0; width: 10% }
#starlist li a { padding: 0 10px; }
.banner { width: 56% }
.headline-box { width: 42% }
.ad-big, .left-box { width: 68%; }
.ad-small, .right-box { width: 31% }
.pic-list-img li:first-child i { height: 225px; line-height: 225px; }
.pic-list-img li i { height: 90px; line-height: 90px; }
.pics-list-price li i { height: 110px; line-height: 110px }
.pics-list-price li a { margin: 0 2px }
.videos-list li i { height: 110px }
.page-title { width: 23% }
.page-box { width: 68% }
.qq_join li { width: 45%; }
.qq_join li section { margin: 0; }
.down-list li h2 span { display: none }
.down-list li h2 { margin-right: 0 }
}
@media screen and (max-width: 839px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
.toolbar-open, .toolbar { top: 40% }
.logo-section { margin-top: 40px }
.topnav { position: fixed; top: 0; z-index: 9; background: rgba(0,0,0,.6); border-top: #1487f4 40px solid; }