<html><head><style>img.a { width: 200px; height: 400px; object-fit: cover;}</style></head><body><h1>object-fit 属性</h1><h2>object-fit: cover：</h2><p>剪切图像的侧边，保留长宽比，并填充空间：</p><img class="a" src="/i/photo/shanghai.jpg" alt="Shanghai" width="400" height="300"><h2>原始图像 ：</h2><img src="/i/photo/shanghai.jpg" alt="Shanghai" width="400" height="300"><p>注释：Internet Explorer/Edge 15 或更早的版本 不支持 object-fit 属性。</p></body></html>