我有一个正在使用的移动聊天室。每当我在 iPhone 上的 Safari 中加载它时。单击文本区域会弹出键盘,这是我想要的,但键盘完全破坏了网页的布局。我该如何解决?这是 http://www.306radio.ca/mobile/chat/ 的链接
最佳答案
快速看一下,您遇到的问题似乎来自 div#userContent
,其样式为 float: left
,而 它上面的 div
有 position:absolute
。这两个似乎导致了您正在经历的回流。
我删除了 float
并删除了 positioning
,这解决了回流问题,但看起来 JavaScript 调整内容宽度的问题仍然存在页面。
很遗憾,我没有时间研究它,但这应该可以解决您提出的问题。
继续深入研究 CSS,尤其是响应式设计,您也许可以用更少的 CSS 和 JS 代码解决这个问题。
关于css - iOS 键盘移动 DIVS 的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15444586/