移动浏览器上的固定标头问题

嗨，我有以下问题。我有一个适合移动使用的网站，并且仍在开发中。现在，问题是固定标头在不同的页面上表现不同，在一个页面上得到固定的行为，而在另一个页面上滚动一点。检查移动设备上的链接并滚动页面以查看问题。移动浏览器上的固定标头问题

所以，我的问题是，是什么让滚动一点在产品页面的页眉？

用于样式表头的CSS如下：

.small-navbar { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    background-color: #000; 
    height: 50px; 
    margin-bottom: 20px; 
    z-index: 130; 
}

来源

2016-02-19 asolenzal

它们在iPad上的工作方式相同Safari – mplungjan

感谢您的测试@mplungjan – asolenzal

你为移动设备创建CSS？如果你不那么首先你需要通过设备宽度或媒体查询

来源

2016-02-19 18:59:48

标题仅在移动设备上显示。所以头文件CSS特别影响它，并没有其他内容或元素。 – asolenzal

那么你的主要问题是什么？ –

我的问题是，为什么如果标题固定在顶部，则在移动浏览器上滚动一点。 – asolenzal

移动浏览器上的固定标头问题

回答

相关问题