js div最大化

.fullscreen-div {
  width: 100vw; /* 视口宽度的100% */
  height: 100vh; /* 视口高度的100% */
  position: fixed; /* 固定定位，使div始终在视口中 */
  top: 0;
  left: 0;
  background-color: #f0f0f0; /* 背景颜色，可根据需要更改 */
}

<div class="fullscreen-div">
  <!-- 这里放置你的内容 -->
</div>

function maximizeDiv(divId) {
  var div = document.getElementById(divId);
  div.style.width = window.innerWidth + 'px';
  div.style.height = window.innerHeight + 'px';
  div.style.position = 'fixed';
  div.style.top = '0';
  div.style.left = '0';
}

// 使用方法
maximizeDiv('myDivId');

function restoreDiv(divId, originalWidth, originalHeight) {
  var div = document.getElementById(divId);
  div.style.width = originalWidth + 'px';
  div.style.height = originalHeight + 'px';
  div.style.position = 'static'; // 或其他你希望的定位方式
}

// 在最大化之前保存原始尺寸
var originalWidth = document.getElementById('myDivId').offsetWidth;
var originalHeight = document.getElementById('myDivId').offsetHeight;

// 最大化div
maximizeDiv('myDivId');

// 恢复div到原始尺寸
restoreDiv('myDivId', originalWidth, originalHeight);