css - 在移动浏览器上的固定位置

标签 css mobile

您好,我有一个问题,我想要一个位于页面底部的栏,我使用以下代码在真实的网络浏览器上运行它。

bottom:0;
position:fixed;

它在网络上运行良好,但在移动设备上却表现不佳。我该怎么办。 谢谢。

最佳答案

如果您谈论的是 Mobile Safari(在 iPhone/iPad/等设备上),它对什么是“视口(viewport)”以及“固定”如何工作有一个不寻常的定义。您必须使用解决方法。参见 this blog post (以及其中包含的链接)了解详情。

关于css - 在移动浏览器上的固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4297789/

相关文章:

REST - 删除后使用 HTTP 缓存获取集合

css - Bootstrap 3 在移动设备上的菜单/导航栏中滑动

javascript - 如果在移动设备上触摸滚动组件之外的区域,则滚动会在弹出窗口中卡住

jQuery UI Accordion 替换无序列表的样式?

html - CSS 'button' 不必要地允许文本选择

css - 在 CSS 中使用哪个更好,百分比还是像素?

jquery - CarouFredSel 使分页响应

javascript - 基于 HTML 5 的移动开发的最佳框架是什么?

javascript - 元素仅在 Safari 10 中消失(9 没问题),当我更改任何 css 时显示

加载 CSS 整个 Sprite 图像