根据显示器分辨率缩放网站？

我正在寻找一个 JavaScript 来根据浏览者的屏幕分辨率更改网站的缩放。我在桌面上制作了 1920x1080p 的网站：/

html { -moz-transform: scale(0.75, 0.75); zoom: 0.75; zoom: 75%; }

我在我的 css 中添加了这个，以便根据我对 MacBook (1280 x 800) 的喜好缩放网站。

但是我不知道如何使用 javascript 启用/禁用它（如果可能的话？）以及如何检测分辨率。

任何帮助表示赞赏！ :)

尝试这个：

@media(max-device-width:1280px){
  html{
    -moz-transform: scale(0.75, 0.75);
    zoom: 0.75;
    zoom: 75%;
  }
}

@media(max-device-width:800px){
  html{
    -moz-transform: scale(0.50, 0.50);
    zoom: 0.50;
    zoom: 50%;
  }
}