如何把图片缩放到指定的大小呢？

Question

例如我要显示400X400的大小。原图只有200X300。这时候就等比例放大，但是我需要最小的一面放大，也就是放大200的那一面，300的那部分就裁剪也没关系。应该怎么写算法呢

Answer 1

那就使用CSS的属性吧background-size:cover。

cover值尽可能大的缩放背景图像并保持图像的宽高比例（图像不会被压扁）。该背景图以它的全部宽或者高覆盖所在容器。当容器和背景图大小不同时，背景图的 左/右 或者 上/下 部分会被裁剪
https://developer.mozilla.org...

就是以宽和高中较小的值，进行全覆盖，较大的部分会被裁减。

Answer 2

图片设置宽度 给图片一个父级元素设置宽高 超出隐藏

Answer 3

把图片设置成div的背景图，div宽高400X400，然后加上background-size:cover。

div{
        width: 400px;
        height: 400px;
        background:url('tu.jpg') no-repeat center;
        background-size: cover;
    }