如何将CSS媒体查询结果传递给JS？

if (window.matchMedia("(max-width: 768px)").matches) {
  // 在视口宽度小于等于768像素时执行的代码
} else {
  // 在视口宽度大于768像素时执行的代码
}

var element = document.getElementById("myElement");
var styles = window.getComputedStyle(element);
if (styles.getPropertyValue("width") === "768px") {
  // 在元素宽度等于768像素时执行的代码
} else {
  // 在元素宽度不等于768像素时执行的代码
}

:root {
  --viewport-width: 768px;
}

@media (max-width: 768px) {
  :root {
    --viewport-width: 480px;
  }
}

var rootStyles = getComputedStyle(document.documentElement);
var viewportWidth = rootStyles.getPropertyValue("--viewport-width");
if (viewportWidth === "768px") {
  // 在视口宽度等于768像素时执行的代码
} else {
  // 在视口宽度不等于768像素时执行的代码
}