自动放大表格后如何重置屏幕缩放

Question

我不是 javascript/jquery 方面的专家，我一直在搜索和搜索以找到适合我情况的答案。有些答案很接近，但我不知道如何将其转化为我自己的情况。

我的网站上有一个表格，可以方便地在移动设备上放大，以便用户输入他们的数据。在他们点击“提交”后，屏幕缩放保持不变，并且因为它不在视口中，所以看不到提交后的消息。 提交表单后有没有办法重置屏幕缩放？

我找到了元标记“视口”，可以对其进行更改，以便根本不触发缩放功能

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

但我仍然希望有缩放功能...

Answer 1

您可以在表单提交时更新视口，例如：-

  element.on('submit', function(event) {
     var viewportmeta = document.querySelector('meta[name="viewport"]');
     if (viewportmeta) {
        viewportmeta.setAttribute('content', 'width=device-width, maximum-scale=1.0, initial-scale=1.0');
     }
  }

试试这个。