你总是需要这样的东西

html
{
    width: 100%;
    height: 100%;
}

在CSS文件的顶部

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

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

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

使用这种简单的缩放技术

img {
    max-width: 100%;
    height: auto;
}
@media {
  img { 
    width: auto; /* for ie 8 */
  }
}

控制规模，保持比例:

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

Image_tag ("/icons/icon.gif"，高:'32'，宽:'32') 我需要设置高度:'50px'，宽度:'50px'到图像标签，这段代码从第一次尝试开始工作注意，我尝试了上面所有的代码，但运气不好，所以这段代码可以工作，下面是我的_nav.html.erb的代码: < % = image_tag (" # {current_user。图像}"，高度:'50px'，宽度:'50px') %>

你可以使用对象匹配属性:

.my-image {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

这将适合图像，而不改变比例。