欢聚集团面试题更新 2026-08-05

响应式布局里,用Flex如何实现全屏显示三个元素,窗口宽度小于500px时只显示一个元素?请具体说明。

欢聚集团前端/移动开发编码实现问题拆解技术原理CSS

考察说明

考察Flex响应式布局的使用和媒体查询的配合

回答思路

  1. 能准确设置全屏容器的高度和基本属性
  2. 会用flex-wrap实现换行和适应
  3. 会用媒体查询在500px以下调整flex-direction或宽度
  4. 能说明具体属性和实现细节
本题已收录答题指导

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

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