Question

我正在实现一个插件，用户可以在其中根据需要放大和缩小Web内容。该插件将被实施到任何移动响应网站。我使用

实现了放大

对于FireFox

$('body').css('MozTransform','scale(2)');

对于Chrome

$('body').css('zoom', ' 200%');

我在底部附加了图像。在这里，左右黑条是插件部分。
问题是桌面放大视图。发生溢出，隐藏内容溢出。因此，当用户单击桌面上的“放大”按钮时，我想显示移动设备的放大版本而不是桌面视图的放大版本。

我试图通过使用Java脚本更改或添加视口元标记来解决此问题。

<meta name="viewport" content="width=400, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">

这里400是移动设备的宽度。

但是它什么也没改变。

如果可以使用Javascript设置device-width，但尚未找到解决方案，似乎可以轻松解决。

我已经在这个问题上工作了2天，任何经验丰富的人，感谢您的帮助！

有可能吗？

桌面原始视图：

桌面缩放视图：