aspect-ratio、object-fit 与媒体尺寸控制 | CSS

本章覆盖：`aspect-ratio`；replaced element 基础；img / video intrinsic ratio；`object-fit`；`cover`；`contain`；`object-position`；卡片封面与头像裁切；响应式媒体占位；防止 CLS 的尺寸设计。

本章知识点

  • aspect-ratio
  • replaced element 基础
  • img / video intrinsic ratio
  • object-fit
  • cover
  • contain
  • object-position
  • 卡片封面与头像裁切
  • 响应式媒体占位
  • 防止 CLS 的尺寸设计