实现网站头部header手机端悬浮在顶部通用CSS代码

实操中我用了以下自定义CSS代码：

@media only screen and (max-width: 768px) {
    .headerclassid {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    
    /* 为页面内容添加顶部内边距，防止内容被遮挡 */
    body {
        padding-top: 90px; /* 要与header高度相同 */
    }
}

代码说明：

1. headerclassid 改为实际header 的class id。

2. 如果是PC端也可以根据实际情况作一些调整来应用。