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

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

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

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

Try

transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);

我们可以在浏览器中使用CSS调整图像大小，使用媒体查询和响应式设计原则。

    @media screen and (orientation: portrait) {
img.ri {
    max-width: 80%;
  }
}

@media屏幕和(方向:横向){ img。Ri {max-height: 80%;｝ ｝

试试这个:

div.container {
    max-width: 200px;//real picture size
    max-height: 100px;
}

/* resize images */
div.container img {
    width: 100%;
    height: auto;
}

通过保持图像的纵横比来缩放图像

试试这个,

img {
  max-width:100%;
  height:auto;
}