如何使用 CSS 将矩形图像“裁剪”为正方形? - How to “crop” a rectangular image into a square with CSS?

10/17 06:31
阅读数 0

问题:

I know that it is impossible to actually modify an image with CSS, which is why I put crop in quotes.我知道用 CSS 实际修改图像是不可能的,这就是为什么我用引号括起来的原因。

What I'd like to do is take rectangular images and use CSS to make them appear square without distorting the image at all.我想要做的是拍摄矩形图像并使用 CSS 使它们看起来是方形的,而根本不会扭曲图像。

I'd basically like to turn this:我基本上想把这个:

在此处输入图片说明

Into this:进入这个:

在此处输入图片说明


解决方案:

参考一: https://en.stackoom.com/question/11dlp
参考二: https://stackoom.com/question/11dlp
展开阅读全文
dlp
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部