有没有大佬能帮我看下这段关于响应式页面的代码为什么没用啊？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 304 天前的主题，其中的信息可能已经有所发展或是发生改变。

@media (min-width: 900px) {
.video-section {
width: 33.33%; /* 屏幕宽度大于 900px 时，每行三个视频 */
}
}

手机屏幕有用但是电脑屏幕还是一行只有一个视频
网页 116.196.90.130

116.196.90.130

屏幕

min-width

width

2 条回复

wildplant

304 天前

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media (min-width: 900px) {
.video-section {
width: 30%; /* 屏幕宽度大于 900px 时，每行三个视频 */
}
}

cyx032426

303 天前 via iPhone

@wildplant 原来应该设置 container 和 30%。谢谢兄弟。