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

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

手机屏幕有用 但是电脑屏幕还是一行只有一个视频
网页 116.196.90.130
979 次点击
所在节点    问与答
2 条回复
wildplant
277 天前
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media (min-width: 900px) {
.video-section {
width: 30%; /* 屏幕宽度大于 900px 时,每行三个视频 */
}
}
cyx032426
277 天前
@wildplant 原来应该设置 container 和 30%。谢谢兄弟。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1015373

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX