css网页缩小 ，把2560尺寸的布局改到1920上面

如何快速解决一套布局适应两个分辨率

最近在做一个保险大屏的项目 , ui给到的设计尺寸是2560 , 已经开发完成后
甲方就说还要一个1920的 , 按照以前的思路是用媒体查询在写一遍 ,
这时候不得不夸夸css的强大了 , 一句代码就解决了这个繁琐的工作

@media screen and (max-width: 1920px) {
  body {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
  }
}

这里不方便给大家展示效果 , 就自行尝试 !
最主要的就是zoom的缩放比例 , 我这里的是 2560x0.75=1920
前路漫漫 , 且行且珍惜 !