前端页面分辨率适配问题

很取巧的方式，就是按设计稿开发好固定尺寸的页面后，然后根据各种分辨率进行放大缩小。如果页面上的图片是svg的就更加好了,不会失真

//优点：不用考虑适配问题，按设计稿进行固定尺寸开发
function bodyScale() {
var devicewidth = document.documentElement.clientWidth;//获取当前分辨率下的可是区域宽度
var scale = devicewidth / 1366; // 分母——设计稿的尺寸
document.body.style.zoom = scale;//放大缩小相应倍数
}
bodyScale();