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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 806 days ago, the information mentioned may be changed or developed.

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

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

116.196.90.130

屏幕

min-width

width

2 replies

wildplant

Feb 12, 2024

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

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

cyx032426

Feb 12, 2024 via iPhone

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