Iphone 上的响应式设计问题

Question

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

Answer 1

请说清楚，你在说什么。

不确定，但您是否在谈论隐藏在 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 */
}

这对我有帮助。 希望它也能帮助你。