爱奇艺面试题更新 2026-08-05

如何使用 Flexbox 布局来创建一个响应式的视频库展示界面?

爱奇艺前端/移动开发编码实现技术原理技术选型CSS

考察说明

考察 Flexbox 布局原理、响应式设计能力及实际应用

回答思路

  1. 说明 Flexbox 的核心属性(flex-wrap、justify-content、flex-basis 等)
  2. 解释如何实现视频卡片在不同屏幕下的自适应排列
  3. 提及与 Grid 布局的对比或适用场景
  4. 能给出关键代码片段说明布局逻辑
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。