Tencent IMWeb Frontend Team

Jul 20, 2017 · Frontend Development

How to Scale and Crop Images to a Fixed 80×80 Box with CSS

This guide explains how to uniformly scale backend‑provided images of varying dimensions to fit an 80×80 container by proportionally resizing based on the shorter side and then cropping the central area, with a simple CSS solution using background‑size and background‑position, including a cover shortcut.