根据窗口大小调整内容div的大小，其余元素保持不变

.content-div {
  width: 100%; /* 初始宽度为100% */
  height: auto; /* 初始高度自适应内容 */
  margin: 0 auto; /* 居中对齐 */
}

@media screen and (max-width: 768px) {
  .content-div {
    width: 80%; /* 窗口宽度小于等于768px时，宽度调整为80% */
  }
}

@media screen and (max-width: 480px) {
  .content-div {
    width: 100%; /* 窗口宽度小于等于480px时，宽度调整为100% */
  }
}

window.addEventListener('resize', function() {
  var windowWidth = window.innerWidth;
  var contentDiv = document.querySelector('.content-div');

  if (windowWidth <= 768) {
    contentDiv.style.width = '80%';
  } else if (windowWidth <= 480) {
    contentDiv.style.width = '100%';
  } else {
    contentDiv.style.width = '100%'; /* 大于768px和480px时，宽度保持不变 */
  }
});