在微博的信息流页面中，需要展示用户发布的图文内容，图片要求自适应显示在容器内，且不能变形。请简要描述实现该功能的前端技术方案。

答题要点

推荐使用分层分析法来回答。首先分析问题的层次，从整体架构到具体实现步骤逐步阐述。关键要点如下：1. 容器设置：使用 CSS 为图片容器设置固定的宽度和高度，确保有明确的展示区域。2. 图片属性：设置图片的 `max-width` 和 `max-height` 为 100%，保证图片在容器内不会超出范围。3. `object-fit` 属性：使用 `object-fit: contain` 使图片完整显示在容器内且不变形。示例话术：首先，为图片容器设置固定的宽高，例如 `width: 300px; height: 200px;`。然后，给图片添加 `max-width: 100%; max-height: 100%;` 样式。最后，使用 `object-fit: contain` 让图片自适应容器且保持比例。这样就能实现微博信息流中图片自适应显示且不变形的效果。