怎么让图片跟着屏幕自适应大小呢

你可以使用CSS的max-width和max-height属性来实现图片的自适应大小。将max-width设置为100%，这样图片就能够自适应父元素的大小，并且不会超过父元素的宽度。同时，将max-height设置为100%可以确保图片不会超过父元素的高度。

例如：

<div class="image-container">
  <img src="your-image-url.jpg" alt="your-image">
</div>

.image-container {
  width: 100%;
  height: auto;
  text-align: center; /* 居中图片 */
}

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

这样，无论屏幕的大小如何变化，图片都会自适应屏幕的大小。

相关问题

怎么让引入的图片跟着屏幕自适应大小呢

要让引入的图片自适应屏幕大小，可以使用CSS中的`max-width`和`max-height`属性。例如：

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

这样设置后，图片的宽度和高度会自动调整，以适应屏幕大小。如果图片原本比屏幕小，就会保持原有大小。如果图片原本比屏幕大，就会缩小到适应屏幕。

怎么让引入的背景图片跟着屏幕自适应大小呢

你可以使用CSS的`background-size`属性来让背景图片自适应屏幕大小。将`background-size`设置为`cover`可以让图片等比缩放填满整个容器，而将其设置为`contain`可以让图片等比缩放以适应容器的宽度或高度。

例如：

body {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

这将会将图片自适应屏幕大小，并且不会重复平铺。如果你想让图片保持原始比例，则可以将`background-size`设置为`contain`。