在 Flex 布局中,如果希望元素的最小宽度为 300px,并且可以自由扩张,应该如何设置 flex 相关属性?
考察说明
考察对 flex 属性含义、flex-basis 与 min-width 关系以及弹性布局原理的理解
回答思路
- 能准确说明 flex: 1 的简写展开及 flex-grow、flex-shrink、flex-basis 各自作用
- 能指出 flex-basis 设置初始尺寸但可能受 min-width 限制
- 能正确使用 min-width: 300px 作为最小约束并允许 flex-grow 扩张
- 能解释 flex-shrink 在压缩场景下的影响
- 能区分 flex-basis 与 min-width 的优先级
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。