响应式图片

max-width

img { max-width: 100%; height: auto; } 防止图片撑破容器。

object-fit

cover、contain 控制替换元素在固定框内的裁剪方式，头像与封面常用。

小结

大图懒加载与 srcset 属 HTML 范畴，可与 CSS 配合优化体验。