HTML-切换桌面和移动视图无法调整浏览器大小

我有一个允许在移动/桌面视图之间切换的网页。我使用下面的代码在桌面和移动布局之间切换

$('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0'); // Toggle code for Mobile View

$('meta[name="viewport"]').prop('content', 'width=1024');  // Toggle code for Desktop View

上述功能在chrome设备模拟器模式下运行良好。但是，如果我禁用设备模拟器，并将桌面调整为移动宽度，然后尝试切换，它将不起作用。但是视口内容属性会根据切换代码进行更改

更新：

响应性设计在移动设备中完美运行（例如，当宽度

响应性设计在桌面浏览器中完美运行（宽度调整为

---

尝试使用引导媒体查询断点

---

我在不同的引导布局中尝试了相同的代码。结果是一样的。我的代码似乎没有问题

$('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0'); // Toggle code for Mobile View

这是为了在移动设备或模拟器上工作。不适用于桌面浏览器

在浏览器中切换移动/桌面视图似乎不是一个选项

---

参考此答案：

您是否尝试过

初始量表=1.0

？如果使用引导，为什么要使用两种不同的布局？是否尝试使用.resize（）。或者尝试在.resize（）中调用相同的代码。是的，我在resize（）中调用相同的代码。抱歉，我不明白。用这个做什么？