Javascript Iphone上的响应性设计问题

我正在css boostrap中创建一个响应性聊天机器人。但当我在Iphone上打开应用程序时，页眉和页脚并不是固定的，打开键盘页眉会出现在屏幕上。有人能帮我解决这个问题吗，它只出现在Iphone上，在android上运行良好。

请澄清，你在说什么

不确定，但是 你说的是隐藏在iPhone上的浏览器栏吗？在大多数情况下，这是android和ios的唯一区别

对于一个使用水平滚动效果的网页，我遇到了这个问题，并且得到了修复。 当我在ios设备上浏览页面时，浏览器试图隐藏这些条，结果出现了一些闪烁和跳跃的副作用

如果是这样，请试一试

/* Prevent hiding browser bar */
html {
    overflow: hidden!important;
    height:100%!important;
    position:fixed!important; /* prevent overscroll bounce */
    -webkit-overflow-scrolling: touch!important; /* iOS velocity scrolling */
}

这对我很有帮助。

---

希望它也能对您有所帮助。

如果您能够共享html和css代码，那么调试和建议就很容易了。