修复了移动浏览器上的标题问题

Question

您好我有以下问题。我有一个适合移动使用的网站，目前仍处于开发阶段。现在，问题在于固定标头在不同页面上的行为不同，在一个页面上获得固定行为，在另一个页面上获得一些滚动。检查移动设备上的链接并滚动页面以查看问题。

Product Page

Homepage

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

用于标题样式的css如下：

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

Answer 1

您是否为移动设备创建了CSS？ 如果您不是，那么首先您需要通过设备宽度或媒体查询来执行此操作