一、问题描述

家里电脑屏幕比较大一直没有注意到这个问题，在用小笔记本访问页面时发现在点击顶栏搜索框时，搜索框变长会导致不太美观的情况，如图：

由于不太熟悉使用浏览器的 F12 功能，始终没有定位控制搜索框变化后长度的属性配置，导致该问题困扰了我一天的时间，终于在反复的尝试下添加了一个属性解决了这个问题。

二、问题解决

首先找到变化后的搜索框元素，如图

在之前添加的 CSS 样式文件 additionalcss.php 中添加如下代码：【也可以直接添加到外观 —— 自定义 —— 额外 CSS】

/*顶栏搜索框长度控制*/
input#navbar_search_input {
    max-width: fit-content;
}

				

					
				
				

					
				
				

					
				
				

					
				
			

修改后效果图：

我也不清楚这个属性是什么意思，我就是胡乱试试出来的，感兴趣的朋友可以自行研究。