B站動(dòng)態(tài)頁(yè)面改為三列CSS(2023.8.4)
2023-08-04 20:02 作者:你長(zhǎng)的真好看快趕上我 | 我要投稿
效果如圖

現(xiàn)在up主關(guān)注的很多,AD也很多(doge)。一個(gè)一個(gè)看太慢了。
現(xiàn)在改為三列。我的是帶魚屏(2560),全屏狀態(tài)下,顯示效果極好。
如果是1920的屏幕。我設(shè)置的是2列。看個(gè)人需求修改。
Chrome擴(kuò)展我用的是stylus
CSS代碼如下:
.bili-dyn-home--member main {
? ? width: calc(100% - 318px - 264px - 24px);
}
.bili-dyn-list__items {
? ? display: flex;
? ? flex-wrap: wrap;
? ? justify-content: space-between;
}
.bili-dyn-list__item {
? ? width: 49%;
? ? margin: 20px 0 0;
? ? height: 340px;
? ? overflow: hidden;
? ? transition: all 1s ease;
}
.bili-dyn-list__item:hover {
? ? height: 100%;
}
@media screen and (min-width: 1920px) and (max-width: 2560px) {
? ? .bili-dyn-list__item {
? ? ? ? width: 32%;
? ? }
}
標(biāo)簽: