使用CSS使GIF大小适应浏览器窗口大小

可以通过设置CSS属性来实现。以下是一种常用的方法：

在HTML文件中，将GIF图像嵌入到一个容器元素中，例如一个div：

<div class="gif-container">
  <img src="path/to/your.gif" alt="GIF Image">
</div>

在CSS文件中，设置容器元素的样式为相对定位，并将宽度和高度设置为100%：

.gif-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%; /* 保持宽高比 */
}

.gif-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* 调整图像适应容器大小 */
}

解释：