为什么对象适合：包含/覆盖；没有效果？ [复制]

【问题标题】：Why is object-fit: contain/cover; not having an effect? [duplicate]为什么对象适合：包含/覆盖；没有效果？ [复制]
【发布时间】：2020-05-25 03:10:03
【问题描述】：

为什么object-fit: contain/cover;没有效果？

<div style="width: 280px; height: 500px;">
    <img src="https://images.squarespace-cdn.com/content/v1/574dd66227d4bdb54a2f65e3/1521843944609-NYRD2YRLOP9HS2DLEB1F/ke17ZwdGBToddI8pDm48kCXjNEzRU16vKqZHoJ2wibt7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTmtB678DRWVwYkSJZ19In_Ne5N2qo9t2w4kU5BfgrfRFnilh4mrZ2YFQG_bi7COdB2/BL_Website_ETD_rt_profile_store_v1.jpg" alt="something" style="object-fit: contain;">
 </div>

【问题讨论】：

标签： html css object-fit

【解决方案1】：

因为您没有在 <img> 中指定高度或宽度值。

<div style="width: 280px; height: 500px;">
    <img src="https://images.squarespace-cdn.com/content/v1/574dd66227d4bdb54a2f65e3/1521843944609-NYRD2YRLOP9HS2DLEB1F/ke17ZwdGBToddI8pDm48kCXjNEzRU16vKqZHoJ2wibt7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTmtB678DRWVwYkSJZ19In_Ne5N2qo9t2w4kU5BfgrfRFnilh4mrZ2YFQG_bi7COdB2/BL_Website_ETD_rt_profile_store_v1.jpg" alt="something" style="object-fit: contain; height: 180px">
 </div>

阅读：https://css-tricks.com/almanac/properties/o/object-fit/

【讨论】：