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

Question

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

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

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

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

任何帮助都是appriced! :)

Answer 1

试试这个:

@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%;
  }
}