0

这是我网站的链接：daisy.camorada.com 在<style>标签内有这个：

body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}

我有这个，以便信息不会在顶部的导航栏后面，但是，正如您在下面的屏幕截图中看到的那样，当我使用 iPhone 访问我的网站时，顶部的填充（我认为这是问题）太多了，因为它会向下推导航栏。

如何让导航栏在普通浏览器和 iphone 中都显示在顶部？！我不认为这与我的其他 .css 文件有冲突问题。在此先感谢您的帮助！

iphone和普通浏览器的截图

4

2 回答 2

0

问题是 iOSposition: fixed;直到 iOS 5 才支持。请参阅移动 Safari 中的固定定位。您必须position: absolute;与一些@media查询一起使用，才能有选择地将样式应用于移动浏览器。

于 2012-08-26T17:02:46.897 回答
0

这是因为 iPhone 处理填充的方式不同（/愚蠢地）。您想删除 Body 填充并将其替换为：

top:60px;
position:absolute;
于 2012-08-26T17:05:57.840 回答