用CSS按比例调整图像大小？

2018-07-01 20:52:53

有没有办法使用ONLY CSS按比例调整图像大小（缩小比例）？

我正在使用JavaScript方式，但只是试图看看CSS是否可行。

要使用CSS按比例调整图像大小：

img.resize {
    width:540px; /* you can use % */
    height: auto;
}

控制大小和保持比例：

#your-img {
    height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;
}

如果它是背景图片，请使用background-size：contains。

示例css：

#your-div {
  background: url('image.jpg') no-repeat;
  background-size:contain;
}

链接地址: http://www.djcxy.com/p/88853.html