css屏幕缩小图片大小

CSS是Web设计中的重要组成部分，它可以控制网页中各种元素的样式。当我们将网页在小屏幕上展示时，图片可能会太大，影响页面效果，这时我们可以通过CSS来缩小图片大小。

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

上面的代码用了一个简单的CSS属性，max-width:100%，用于限制图片最大宽度不超过容器（父元素）宽度的100%。接着设置了图片的高度为auto，这是为了保证图片的宽高比不变，避免变形。

如果你想设置图片在小屏幕设备下的最大宽度，可以在CSS中用媒体查询@media来控制：

@media screen and (max-width: 768px) {
  img {
    max-width: 90%;
  }
}

上述代码设置了媒体查询，指定了屏幕最大宽度为768像素时的最大图片宽度为90%。当在小屏幕设备上展示网页时，图片会根据设置自动适应大小，保证网页正常展示。