如何在实际视图网站上的移动视图上切换移动设备到桌面屏幕只需点击一下？

Question

我已经将此功能用于大多数手机，但由于某些原因，iPhone无法正常工作。

我创建了一个按钮并使用jquery更改元标记：

$( document ).ready(function() {
    $("#desktopversion").click(function(){
        $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0');
    });
    $("#nvs").click(function(){
        $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0');
    });
});

但出于某种原因，该页面在iPhone上被切断

知道我可能做错了什么吗？

提前致谢！

Answer 1

请阅读这篇文章，它可能会对你有所帮助

https://webdevdoor.com/responsive-web-design/change-viewport-meta-tag-javascript

if (screen.width <= 480) {
 document.getElementById("viewport").setAttribute("content", "width=480; initial-scale=0.5");
}