css - iOS 键盘移动 DIVS 的位置

标签 css html

我有一个正在使用的移动聊天室。每当我在 iPhone 上的 Safari 中加载它时。单击文本区域会弹出键盘,这是我想要的,但键盘完全破坏了网页的布局。我该如何解决?这是 http://www.306radio.ca/mobile/chat/ 的链接

最佳答案

快速看一下,您遇到的问题似乎来自 div#userContent,其样式为 float: left,而 它上面的 divposition:absolute。这两个似乎导致了您正在经历的回流。

我删除了 float 并删除了 positioning,这解决了回流问题,但看起来 JavaScript 调整内容宽度的问题仍然存在页面。

很遗憾,我没有时间研究它,但这应该可以解决您提出的问题。

继续深入研究 CSS,尤其是响应式设计,您也许可以用更少的 CSS 和 JS 代码解决这个问题。

关于css - iOS 键盘移动 DIVS 的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15444586/

相关文章:

html - 如何在这些 CSS 圆圈之间放置一个空格?

javascript - 使用 JAVASCRIPT 加载页面时如何清空输入字段

html - 在 html 中显示表单时使用表格标签是不是糟糕的设计?

html - 如何按每个元素单元换行

css - 直接的 CSS 布局

javascript - 是否可以看到 div 的继承背景颜色?

html - 变量缺失值

html - 将 div 置于另一个绝对 div 之下

internet-explorer-9 - 不支持 IE9 border-radius 速记?

javascript - 导入 Bootstrap 样式表时图像消失