62 lines
1.4 KiB
SCSS
62 lines
1.4 KiB
SCSS
/* 基类:基于 最大屏幕 + 有侧边栏 下进行适配 */
|
|
|
|
/* 有侧边栏时候的样式 */
|
|
html {
|
|
@media (max-width: 1760px) {
|
|
#live2d-widget {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
@media (max-width: 1400px) {
|
|
.joe_live__play-player {
|
|
height: 520px;
|
|
}
|
|
.joe_detail__friends {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.joe_video__source-list {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.joe_live__list-item .thumb {
|
|
height: 125px;
|
|
}
|
|
}
|
|
@media (max-width: 992px) {
|
|
}
|
|
@media (max-width: 768px) {
|
|
}
|
|
@media (max-width: 576px) {
|
|
}
|
|
}
|
|
|
|
/* 没有侧边栏时候的样式 */
|
|
html .noaside {
|
|
.joe_live__list {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.joe_video__list-item {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
.joe_wallpaper__list {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
@media (max-width: 1400px) {
|
|
.joe_detail__friends {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.joe_video__list-item {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
}
|
|
@media (max-width: 1200px) {
|
|
}
|
|
@media (max-width: 992px) {
|
|
}
|
|
@media (max-width: 768px) {
|
|
}
|
|
@media (max-width: 576px) {
|
|
}
|
|
}
|