使用CSS调整图像大小和裁剪

jas*_*457 7 html css crop image-processing

我有一个网站,有一堆不同的图像要显示,所有不同的分辨率和宽高比.在CSS中有一种简单的方法可以调整图像大小并将图像裁剪到一定的分辨率吗?出于我的目的,我希望调整大小的图像为280x280.

当然我可以设置,<img height = '280' width = '280' />但这将拉伸它.我想要两个分辨率中较小的一个,做一个正方形,然后取中心像素.例如,如果分辨率为480x200,我希望它从图像中心取出200x200的部分.

我试过谷歌搜索,但没有用.

emj*_*jay 9

使用css的图像的"真实裁剪"是不可能的.真实裁剪意味着图像缩小到新值,并且它的尺寸也比以前小.

但是有一个带有负边距或绝对定位的解决方案,这将对你有很大帮助.我多次使用过这种技术.

请看一下: 使用CSS裁剪图像