我的网站也出现同样情况，就是在浏览器宽度调小时，鼠标放到搜索框，从搜索框到用户账号这段。整段都会下移。可以参考这个截屏：谁遇到同样问题了？可以分享下解决办法吗？谢谢。

kai 其实可以通过设置搜索框展开的最大值来限制以下是一个sample: @media (min-width:768px){ .Search-input input { max-width:300px; } .Search.focused .Search-results,.Search.focused input { width:335px; } .Search.focused { margin-left:auto; } } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 可以根据自己的实际情况更改max-width和width对应的值

我的网站用了这段代码。 navigation-hide-primary.css 可以访问 https://discuss-cn.bestxtools.com/ 看看效果。打开网页时搜索框获得焦点时屏幕宽度小于一定值时，导航一部分会省略为 ‘>’ 符号鼠标移到导航时，展开完整的导航使用此样式代码时的注意事项：根据 Header-primary 和 Header-secondary 的宽度，修改 max-width 的大小。header 里东西很多时，max-width 改成更大一些

页面变形

Ash3T

我的网站也出现同样情况，就是在浏览器宽度调小时，鼠标放到搜索框，从搜索框到用户账号这段。整段都会下移。可以参考这个截屏：

Image description

谁遇到同样问题了？可以分享下解决办法吗？谢谢。

kai

links的擴展佔位了，可以加入類似的css，更改max-width值，讓它早點變成小圈圈
@media (min-width: 768px) and (max-width: 991.98px) {
.Header-secondary .Search:not(.active) input {
padding-right: 0;
}
.Header-secondary .Search input:not(:focus) {
width: 1px;
background: 0 0;
}
}

kai

喔，我誤會你意思了，是點擊框之後才下移，這要研究研究，應該是主題搜索框的css屬性
我用別的主題不會這樣

拜瑞

kai 其实可以通过设置搜索框展开的最大值来限制

以下是一个sample:

@media (min-width:768px){
.Search-input input {
	max-width:300px;
}
.Search.focused .Search-results,.Search.focused input {
	width:335px;
}
.Search.focused {
	margin-left:auto;
}
}

可以根据自己的实际情况更改max-width和width对应的值

kai

拜瑞
確實這樣也是可以，但很難完全避免
但Farum 1.7是不是修正了這個css？我記得我以前也有注意到這個小bug，曾經試著改過css
但現在的版本好像不會 Image description

拜瑞

kai 这个css问题老早就有了，1.7有没有修正这个还有待考究，我自己的站用的就是上面的sample

轻虹空雨

kai
不知道你那边的屏幕比例是什么情况，我这边电脑端的搜索框会盖住第二个导航菜单的下拉菜单

kai

轻虹空雨沒事，特意縮小版面，確認一下樓主提的bug，在1.7上好像都會自動延展蓋住，並不會錯位跳行
你的站點表現非常正常

P站创始人

我的网站用了这段代码。 navigation-hide-primary.css

可以访问 https://discuss-cn.bestxtools.com/ 看看效果。

打开网页时
搜索框获得焦点时
屏幕宽度小于一定值时，导航一部分会省略为 ‘>’ 符号
鼠标移到导航时，展开完整的导航

使用此样式代码时的注意事项：

根据 Header-primary 和 Header-secondary 的宽度，修改 max-width 的大小。header 里东西很多时，max-width 改成更大一些