iOS键盘移动DIVS的位置

Question

我有我正在使用的移动聊天室。每当我在Safari上加载它在iphone上。点击文本区域会弹出我想要的键盘，但键盘完全破坏了网页的布局。我该如何解决？继承人的http://www.306radio.ca/mobile/chat/

Answer 1

链接从快看，它看起来像您有从div#userContent未来具有float: left一个风格，它上面有position:absolute的div问题。这两个似乎正在导致你正在经历的回流。

我删除了float并删除了positioning，这就解决了重排问题，但是看起来好像页面上的事物宽度调整为JavaScript仍然存在问题。

不幸的是，我没有时间研究它，但是这应该解决你问题的问题。

继续深入研究CSS，尤其是响应式设计，并且您可能可以使用较少的CSS和JS代码来解决此问题。