B站动态页面改为三列CSS（2023.8.4）
2023-08-04 20:02 作者:你长的真好看快赶上我 | 我要投稿
效果如图
现在up主关注的很多，AD也很多（doge）。一个一个看太慢了。
现在改为三列。我的是带鱼屏（2560），全屏状态下，显示效果极好。
如果是1920的屏幕。我设置的是2列。看个人需求修改。
Chrome扩展我用的是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%;
}
}
