我正在实现一个插件，用户可以根据需要放大和缩小网页内容。该插件将应用于任何移动响应网站。我实现了放大使用
对于火狐
$('body').css('MozTransform','scale(2)');
对于铬
$('body').css('zoom', ' 200%');
我已将图像附在底部。这里右边和底部的黑条是插件部分。
问题是桌面放大视图。溢出发生并且内容溢出被隐藏。因此，当用户单击桌面上的放大按钮时，我想显示移动设备的放大版本而不是桌面视图的放大版本。
我试图通过使用 Javascript 更改或添加视口元标记来解决此问题。
<meta name="viewport" content="width=400, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">
这里 400 是移动设备的宽度。
但它什么也没改变。
如果我可以使用Javascript进行设置，似乎可以轻松解决device-width，但尚未找到解决方案。
我已经在这个问题上工作了 2 天，任何有此领域经验的人，感谢您的帮助！
甚至可能吗？
桌面原图：
桌面放大视图：
手机原图：
