Javascript 强制缩小手机浏览器/页面，如果为“；桌面网站“；选中的

如果未选中“桌面站点”，则此代码工作正常：

$('#formUploader').on('change', function(e) {
    e.preventDefault();
    var viewport = document.querySelector('meta[name="viewport"]');
    if (viewport) {
        viewport.content = 'initial-scale=1';
        viewport.content = 'width=device-width';
    }
...
}

但如果选中，则忽略此代码

如果放大并选中“桌面站点”，则需要缩小移动设备屏幕

此操作只需在移动设备屏幕上随时放大或缩小，将#imgDivLoading置于中心位置即可：

        xhr.upload.addEventListener("progress", function(e) {
            if (e.lengthComputable) {
                var uploadpercent = e.loaded / e.total;
                uploadpercent = Math.round(uploadpercent * 100);
                $("#imgDivLoading").css("visibility", "visible");
                $('.imgPercent').html(uploadpercent + '%');
                if (uploadpercent == 100) {
                    $('#imgDivLoading').css('background-image', 'url(/imgur/src/maintenance.gif)');
                    $('.imgPercent').html('Processing');
                }
            }
        }, false);

CSS:
#imgDivLoading {
    display: flex;
    position: fixed;
    z-index: 100;
    background-image: url("/imgur/src/loadingscreen.gif");
    background-color: rgba(242, 254, 254, 0.7);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    visibility: hidden;
        background-size: 250px 250px;
}

---

不适用于响应式站点

my two Seconds:1）您不应该尝试覆盖用户设置，如2）如果您设计了响应式站点，而用户故意破坏布局，为什么要尝试“修复”它？重点是什么？编辑了帖子，添加了更多信息和代码。这里有一个答案，详细说明了这是一个什么样的混乱：我的两分钱：1）你永远不应该试图覆盖用户设置这样2）如果你设计了一个响应性强的网站，而用户故意破坏了布局，为什么要尝试“修复”它？重点是什么？编辑了文章，添加了更多信息和代码。下面是一个答案，详细说明了这是一个什么样的混乱：