Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在移动设备上输入输入后如何缩小?_Javascript_Html_Forms_Mobile_Responsive Design - Fatal编程技术网

Javascript 在移动设备上输入输入后如何缩小?

Javascript 在移动设备上输入输入后如何缩小?,javascript,html,forms,mobile,responsive-design,Javascript,Html,Forms,Mobile,Responsive Design,当用户关注文本输入时,移动浏览器会放大以方便用户。这很好 但在单页应用程序中,提交表单时不会刷新页面,因此视口不会返回到未缩放状态。这使得用户很难再次获得方向,或者像以前那样导航。他们可以双击,使视口恢复正常,但我们的许多用户不知道该怎么做 我相信我问的问题和下面的问题是一样的,没有一个能提供可靠的答案。我强烈希望不必包含另一个JS库 能否将此添加到表单标签中onsubmit=“document.body.style.zoom=”100%“。可能有用。我会试一试的。谢谢。在我正在使用的应用程序

当用户关注文本输入时,移动浏览器会放大以方便用户。这很好

但在单页应用程序中,提交表单时不会刷新页面,因此视口不会返回到未缩放状态。这使得用户很难再次获得方向,或者像以前那样导航。他们可以双击,使视口恢复正常,但我们的许多用户不知道该怎么做

我相信我问的问题和下面的问题是一样的,没有一个能提供可靠的答案。我强烈希望不必包含另一个JS库


能否将此添加到表单标签中
onsubmit=“document.body.style.zoom=”100%“
。可能有用。我会试一试的。谢谢。在我正在使用的应用程序中实现这一点需要一点时间——提交处理程序相当复杂。可以通过单击提交按钮来添加它,或者在结果页面上进行加载呢?我也遇到了同样的问题,并尝试用缩放样式来解决它。不幸的是,它不起作用。我在Safari的iPhone XS上测试了它。我认为缩放不是通过css完成的——至少在开发工具中没有跟踪——因此可能不可能用css解决问题。