pc端页面在移动端等比例缩放

1.替换head标签内 name="viewport"的 meta标签

<!-- pc端在手机端等比例缩放 -->
<meta name="viewport" content="width=device-width,intial-scale=0,maximum-scale=0,user-scalable=yes,shrink-to-fit=no">

2.屏幕尺寸变化时js操作

window.onresize = function () {
    var winW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    if (window.screen.width < 1366) { //小于1366屏幕时做屏幕缩放为768
         $('head').remove('[name="viewport"]')
         $('head').append('<meta name="viewport" content="width=768">')
     } else {
         $('head').remove('[name="viewport"]')
     }
}

参考：https://blog.csdn.net/qq_43378577/article/details/125556805