iOS:出现键盘时调整屏幕大小(在 HTML5 APP 中)

标签 ios css html cordova

我在 iOS 中有一个 Phonegap 4.0 应用程序,带有 <input /> .

当我关注 <input /> 时, 整个屏幕向上移动,并且不调整大小。但我希望屏幕的尺寸能够调整以适应带键盘的新的、更小的屏幕。

目标是保持标题可见:

<header style="position:absolute; top:0: left:0; right:0; height: 30px;">
  ...
</header>

我当前的 index.html viewport标签:

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

这没有效果:

<preference name="KeyboardShrinksView" value="false" />

添加height=device-height也不行视口(viewport)标签..

最佳答案

将“最小比例=1.0”更改为“最大比例=1.0”。通过使用 minimum-scale,您是在说内容不能调整得更小,就像您的键盘出现时一样。

关于iOS:出现键盘时调整屏幕大小(在 HTML5 APP 中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29238289/

相关文章:

css - 通过稍微修改类而不复制类并重命名来重新使用类

html - 如何对齐中心 Font Awesome 图标

html - 如何以不太具体的方式更改 Bootstrap table-striped?

html - 如何阻止我的 CMS 的 CSS 影响我的内容?

php - 如何将我自己的日历与我的手机(iPhone、Android 等)同步

ios - 如何解压缩文件?

CSS 问题 - 无法使 <div> 显示为内联

javascript - 在跨度上自动显示货币格式?

ios - 无法使用 xCode 7.2 在 iOS 8.3 上使用多行 UILabel

ios - 在 iOS 中调整两个对齐标签中的文本大小