如何使用Javascript驱动媒体查询？

我想找到一种方法来制作一种算法，根据分辨率大小改变媒体查询的缩放百分比，例如，每次宽度减少100px，缩放因子就会增加10%

@media screen and (max-width: 2560px) {
   html {
       -moz-transform: scale(0.75, 0.75);
       zoom: 0.75;
       zoom: 0%;
   }
}



@media screen and (max-width: 1904px) {
   html {
       -moz-transform: scale(0.75, 0.75);
       zoom: 0.75;
       zoom: 73%;
   }
}

---

你需要捕捉用户做出的任何屏幕调整，就像这样

 document.body.onresize=function(){MyAdjustments();};

然后调用函数应用必要的逻辑

function MyAdjustments(){

 var W=screen.width, H=screen.height;

 // You've now got the new resolution so take whatever decisions are needed.

 }

---

缩放是一种非标准功能，可能不应该在生产中使用：另外，您是否可以不只是为每减少100像素写入媒体查询？“如果你让js参与进来，你会在js加载和启动的同时看到未格式化的内容，”BriannaDevos说。如果你重新格式化你的问题，你会得到更多的反馈。既然你是新来的，我建议你阅读。这将帮助你获得更好的结果。