1

I have a mobile chatroom i'm using. Whenever I load it up in safari on an iphone. Clicking in the text area brings up the keyboard, which I want but the keyboard completely ruins the layout of the webpage. How do I fix this? Heres a link to the http://www.306radio.ca/mobile/chat/

4

1 回答 1

0

快速浏览一下，您遇到的问题似乎来自div#userContent具有 的样式float: left，而div上面的样式具有position:absolute. 这两个似乎导致您正在经历回流。

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

不幸的是，我没有时间研究它，但这应该可以解决您提出的问题。

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

于 2013-06-24T21:39:50.450 回答