在div容器中限制固定大小的图像？

Question

我有一个div，它位于包装器内部。当用户选择一个选项时，预定义大小的图像将发送到客户端并显示在此div内。

但由于div相对定位的宽度和高度设置为%，因此对于低分辨率显示器，图像有时会跳出div。

如何在不对服务器进行任何更改的情况下处理此问题（更改img大小） 图像的大小以像素为单位指定。 我正在使用自定义控件来创建这个img，其限制就像无法设置宽度和高度（％）。我必须以像素为单位指定。

Answer 1

您可以将图像高度设置为％，如90％或100％。

Answer 2

如果图像尺寸为400 * 400。保持div的min-width和min-height为400，如下所示。

img{
max-width: 400;
max-height: 400;
}

Answer 3

为什么不在CSS中设置最大宽度？

div{
 max-width:400px;
 width:50%;
 height:auto;
}

div img{
  max-width:400px;
  width:100%;
  position:relative;
}

您同时使用min-width和max-width：）

Answer 4

使用：

 img{
      width:100%;
      position:relative;
    }