防止图像被拉伸或压缩

这种情况一般是图片由用户上传，或者图片未按规定比例使用导致的。

处理方式就是直接使用 object-fit 属性：

.card__thumb {
  object-fit: cover;
}

锁定滚动链接

主要出现的情况是在当页面中点击弹出 modal 弹层时，页面内容本身很长的时候。

.modal__content {
  overscroll-behavior-y: contain;
  overflow-y: auto;
}

overscroll-behavior 虽好，但目前存在很大的兼容性问题。