Question

我不是javascript / jquery的专家，并且已经搜索和搜索以找到我的情况的答案。一些答案已经接近但我不确定如何将其翻译成我自己的情况。

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

我找到了metatag＆＃39; viewport＆＃39;并且可以改变它，以便缩放功能根本不会触发

<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');
     }
  }

试试这个。

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

1 个答案: