前端/移动开发面试题更新 2026-08-05

如何实现图片在不同尺寸的容器中始终保持 2:1 的宽高比?

小红书前端/移动开发专业服务编码实现技术原理CSS

考察说明

考察 CSS 布局技巧与自适应尺寸处理能力

回答思路

  1. 能使用 aspect-ratio 属性或 padding-top 技巧
  2. 说明容器尺寸变化时图片的适应行为
  3. 讨论图片裁剪、缩放与显示区域的平衡
  4. 解释不同实现方式的优缺点及适用场景
本题已收录答题指导

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

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