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

标签 html css mobile

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

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;
}

最佳答案

您是否为移动设备创建了 CSS? 如果你不这样做,那么首先你需要通过设备宽度或媒体查询来做到这一点

关于html - 修复了移动浏览器上的 header 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35512898/

相关文章:

html - 如何突出显示文本并更改 css 中的高度和位置?

javascript - 希望 div 在加载上面的图像后立即加载

jquery - 悬停颜色总是在 jquery 按钮集中的第一个按钮上触发 - 如何停止它?

css - 移动菜单 - 汉堡包图标 - 'hover' 颜色不变, 'focus' 链接不起作用

javascript - 页面未在 Node 中重定向

html - 显示带有动态信息的 Adsense 广告

javascript - 进入无限循环但看不出原因 - Javascript

javascript - 使用 React 和 Ant Design 的 float 标签

javascript - react : onClick on Mobile (iPhone) requires 2 taps?

ruby-on-rails - 使用 Rails 进行移动 API 身份验证