Javascript 在移动设备上输入输入后如何缩小?
当用户关注文本输入时,移动浏览器会放大以方便用户。这很好 但在单页应用程序中,提交表单时不会刷新页面,因此视口不会返回到未缩放状态。这使得用户很难再次获得方向,或者像以前那样导航。他们可以双击,使视口恢复正常,但我们的许多用户不知道该怎么做 我相信我问的问题和下面的问题是一样的,没有一个能提供可靠的答案。我强烈希望不必包含另一个JS库Javascript 在移动设备上输入输入后如何缩小?,javascript,html,forms,mobile,responsive-design,Javascript,Html,Forms,Mobile,Responsive Design,当用户关注文本输入时,移动浏览器会放大以方便用户。这很好 但在单页应用程序中,提交表单时不会刷新页面,因此视口不会返回到未缩放状态。这使得用户很难再次获得方向,或者像以前那样导航。他们可以双击,使视口恢复正常,但我们的许多用户不知道该怎么做 我相信我问的问题和下面的问题是一样的,没有一个能提供可靠的答案。我强烈希望不必包含另一个JS库 能否将此添加到表单标签中onsubmit=“document.body.style.zoom=”100%“。可能有用。我会试一试的。谢谢。在我正在使用的应用程序
能否将此添加到表单标签中
onsubmit=“document.body.style.zoom=”100%“
。可能有用。我会试一试的。谢谢。在我正在使用的应用程序中实现这一点需要一点时间——提交处理程序相当复杂。可以通过单击提交按钮来添加它,或者在结果页面上进行加载呢?我也遇到了同样的问题,并尝试用缩放样式来解决它。不幸的是,它不起作用。我在Safari的iPhone XS上测试了它。我认为缩放不是通过css完成的——至少在开发工具中没有跟踪——因此可能不可能用css解决问题。