保障在不同的分辨率百分比情况下，网页缩放比例适合用户浏览

// 不同缩放比例下的屏幕，针对win10系统的175%----------------------------------------
@media (-webkit-device-pixel-ratio: 1.75) {
    html {
        zoom: 0.57;
    }
}
// 不同缩放比例下的屏幕，针对win10系统的150%----------------------------------------
@media (-webkit-device-pixel-ratio: 1.5) {
    html {
        zoom: 0.66;
    }
}
// 不同缩放比例下的屏幕，针对win10系统的125%----------------------------------------
@media (-webkit-device-pixel-ratio: 1.25) {
    html {
        zoom: 0.80;
    }
}

<script>
document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width, initial-scale='+(1/window.devicePixelRatio));
</script>