最简单的方法来创建一个模式窗口，为一个单一的图像，大小随屏幕大小？

<div id="modal-container">
  <img src="your_image_url" alt="Image">
</div>

#modal-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal-container img {
  max-width: 100%;
  max-height: 100%;
}

// 获取模式窗口容器
var modalContainer = document.getElementById("modal-container");

// 显示模式窗口
function showModal() {
  modalContainer.style.display = "flex";
}

// 隐藏模式窗口
function hideModal() {
  modalContainer.style.display = "none";
}

<button onclick="showModal()">显示模式窗口</button>