Try

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

<img style="width: 50%;" src="..." />

对我来说还行……还是我遗漏了什么?

编辑:但请看肖恩关于不小心放大尺寸的警告。

控制规模，保持比例:

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

试试这个:

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

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

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

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

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

如果是背景图片，使用background-size:contain。

css例子:

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