这并没有影响我网站上的宽屏显示,因为我的网站还有很多其他未包含在您所链接组件中的内容。但它确实破坏了我对桌面视图的自定义,导致无法适配移动屏幕,从而让用户无法在移动设备上使用嵌入的回复/回复内容。不知何故,当宽度小于 768px 时,position: sticky 并未生效。我不清楚为什么 sticky 会失效,因此最终不得不采用以下方案:
@media (max-width: 767px) {
.d-header-wrap {
position: fixed;
top: 0;
width: 100%;
}
#main-outlet {
margin-top: 48px;
}
}