我有一个我正在使用的移动聊天室。每当我在iphone上的safari中加载它。单击文本区域会弹出我想要的键盘，但键盘完全破坏了网页的布局。我该如何解决？下面是http://www.306radio.ca/mobile/chat/
的链接答案 0 :(得分：0)
从快速看看，您所遇到的问题似乎来自div#userContent样式为float: left，div上方position:absolute float 。这两个似乎正在引起你正在经历的回流。
我删除了positioning并删除了{{1}}，这解决了重排问题，但看起来JavaScript仍然存在调整页面内容宽度的问题。
不幸的是，我没有时间研究它，但这应该可以解决您提问的问题。
继续深入研究CSS，尤其是响应式设计，您可以用更少的CSS和JS代码解决这个问题。