第 9 课 5 / 20 ｜ 编码：L09-09
核心知识

宽高与 min/max

min-width、max-width、min-height 和 max-height 为变化内容提供边界。

  • max-width:100% 防止媒体溢出
  • min-height 可保留最小视觉空间
  • 避免用固定 height 截断可变文本
.card{width:100%;max-width:32rem;min-height:10rem}