专注于输入字段时停止 uiwebview 网页内容的自动调整大小

Posted

技术标签:

【中文标题】专注于输入字段时停止 uiwebview 网页内容的自动调整大小【英文标题】:Stop the auto resize of the uiwebview web content when focus on input field 【发布时间】:2012-01-12 18:19:06 【问题描述】:

我有一个 UIWebView,里面有一个 html 表单。问题是当我点击输入字段时,UIWebView 会自动放大到靠近输入字段的区域,并显示键盘。但是,当输入完成并隐藏键盘时,html 内容仍然放大。 有没有办法阻止这种行为或以编程方式将内容调整回原始视图? (它已经注册了键盘隐藏事件)

谢谢。

【问题讨论】:

【参考方案1】:

要么将输入的 font-size CSS 属性设置为 16px,要么使用“viewport”元标记并将用户缩放属性(禁用用户缩放)设置为 no:

<meta name="viewport" content="user-scalable=no">

如果这没有削减它添加“initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0”这将阻止所有缩放:

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

【讨论】:

@evanwong 这个答案没有解决你的问题,或者至少有帮助吗? @evanwong,如果确实回答了,请标记为正确答案。谢谢:)

以上是关于专注于输入字段时停止 uiwebview 网页内容的自动调整大小的主要内容,如果未能解决你的问题,请参考以下文章

iPad - 在专注于输入字段时放大方向变化

GlobalHotKeys(react-hotkeys)在专注于输入字段时不起作用

键盘启动时手指可滚动的 UIWebView

专注于下一个输入不起作用以及当用户在最后一个输入字段时如何提交表单

UIWebview 本地化

iOS Safari(移动)和 Angular Material UI:专注于输入字段时不需要的闪烁文本