我在我的 Docusaurus 站点中只有两个头部链接: Docs 和 GitHub。我希望这些链接保留在标题中,直到我将浏览器缩小到 500px。不幸的是,这些链接在浏览器缩小到 1024px 时就会滑落下来。我该如何防止这种情况发生?
我找到了以下代码负责滑动导航行为:
然而,如果我将媒体查询的最小宽度更改为500px,则布局会出现大间隙,位于标题栏下方:
应该如何正确更改此断点?
我找到了以下代码负责滑动导航行为:
@media only screen and (min-width: 1024px) {
.navigationSlider .slidingNav ul {
background: none;
display: flex;
flex-flow: row nowrap;
margin: 0;
padding: 0;
width: auto;
}
}
然而,如果我将媒体查询的最小宽度更改为500px,则布局会出现大间隙,位于标题栏下方:
![enter image description here](https://istack.dev59.com/hdXZo.webp)