html - 修复了移动浏览器上的 header 问题

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？如果你不这样做，那么首先你需要通过设备宽度或媒体查询来做到这一点