需求：

根据用户电脑屏幕分辨率自适应缩放网页，整个页面级别的缩放。不影响视觉效果。全部使用CSS完成，不需要JS介入。

代码：

 @media screen and (min-width: 1366px) and (max-width: 1599px) {
	body {
		transform: scale(1.1);
		transform-origin: top;
	}
}

@media screen and (min-width: 1600px) and (max-width: 2500px) {
	body {
		transform: scale(1.2);
		transform-origin: top;
	}
}

@media screen and (min-width: 2500px) {
	body {
		transform: scale(1.22);
		transform-origin: top;
	}
} 

效果：

当浏览器窗口分辨率（宽度）在1366px到1599px之间时，放大1.1倍。1600px到2500px之间时，放大1.2倍，2500px以上的宽度时放大1.22倍