元素尺寸随着窗口尺寸改变而改变，等比例改变

要实现元素尺寸随着窗口尺寸等比例改变，你可以使用 JavaScript 来计算元素的缩放比例，并在窗口大小改变时更新元素的尺寸。

以下是一个示例代码，将元素的尺寸按比例缩放以适应窗口大小：

function resizeElement() {
  var windowWidth = window.innerWidth;
  var windowHeight = window.innerHeight;
  var elementWidth = 500; // 假设初始宽度为500px
  
  // 计算缩放比例
  var scale = windowWidth / elementWidth;
  
  // 更新元素的尺寸
  document.getElementById('your-element').style.transform = 'scale(' + scale + ')';
}

// 初始加载时和窗口大小改变时都调用 resizeElement 函数
window.addEventListener('resize', resizeElement);
window.addEventListener('load', resizeElement);

在上述代码中，我们定义了一个 `resizeElement()` 函数来处理元素的尺寸调整。在函数中，我们获取窗口的宽度和高度，并假设元素的初始宽度为 500px。

然后，我们计算缩放比例，即窗口宽度与元素宽度的比值。

最后，我们使用 `transform: scale()` CSS 属性来设置元素的缩放比例。通过将 `scale` 变量应用于 `transform` 属性，我们可以实现等比例缩放。

在代码的最后，我们使用 `window.addEventListener()` 方法来监听窗口的大小改变事件和页面加载事件，并在这两个事件发生时调用 `resizeElement()` 函数。

通过这种方式，元素的尺寸将随着窗口的尺寸等比例改变。

请将 `'your-element'` 替换为你想要调整尺寸的元素的 ID。

希望这个回答对你有所帮助。如果还有其他问题，请随时提问。