无法调整JPEG图片尺寸求助：CSS设置无效及负宽度疑问

一、图片无法调整大小的原因及修复 #

你把尺寸控制样式写在了#images这个容器div上，但实际需要调整的是div内部的<img>元素——容器的样式不会自动继承给图片。调整CSS，把样式直接应用到图片上：

#images img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 10%; /* 换成你需要的百分比或固定像素值都可以 */
  height: auto;
  object-fit: contain;
}

如果想让图片自适应容器宽度，也可以这样设置：

#images {
  width: 50%; /* 先给容器定好宽度 */
}
#images img {
  width: 100%; /* 图片占满容器宽度 */
  height: auto;
  object-fit: contain;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

二、负数值width能不能缩小图片？ #

完全不行。CSS里width属性不允许使用负数值，浏览器会直接忽略这种无效设置，根本不会起到缩小图片的作用。要缩小图片，只能用正数的百分比、像素值，或者max-width这类合法属性。

内容的提问来源于stack exchange，提问作者mel