[已解决]为什么搜索栏后面不能拉

图片：1.gif

1366 x 768 地址栏和搜索栏太长了,怎么办!!!

因为没有 splitter
不过就算放个 splitter 在搜索栏之后
你还是拉不动
还得加个带有 flex 属性的元素才行

我已经学google把搜索栏去掉了

aaaa007cn：因为没有 splitter
不过就算放个 splitter 在搜索栏之后
你还是拉不动
还得加个带有 flex 属性的元素才行回到原帖

帮帮我,怎么办呀?

atmouse：我已经学google把搜索栏去掉了回到原帖

可是干掉会变成这样.

图片：キャプチャ.PNG

Σ(●ﾟдﾟ●) 明明扩展还要二级菜单
真是太长了!!!!,受不了ヽ(●-`Д´-)ノ

blame asstralis

chrome://browser/content/browser.css

#urlbar-container {
  min-width: 50ch;
}

#search-container {
  min-width: 25ch;
}

@media (max-width: 700px) {
  #urlbar-container {
    min-width: 45ch;
  }
  #identity-icon-labels {
    max-width: 70px;
  }
}
@media (max-width: 600px) {
  #urlbar-container {
    min-width: 40ch;
  }
  #identity-icon-labels {
    max-width: 60px;
  }
}
@media (max-width: 500px) {
  #urlbar-container {
    min-width: 35ch;
  }
  #identity-icon-labels {
    max-width: 50px;
  }
}
@media (max-width: 400px) {
  #urlbar-container {
    min-width: 28ch;
  }
  #identity-icon-labels {
    max-width: 40px;
  }
}

chrome://browser/skin/browser.css

#search-container {
  min-width: calc(54px + 11ch);
}

元素本身有 flex 属性
会自动占据多余的空白
另外 css 中也设置了最小宽度

所以你到底要干什么？

估计他想像Chrome一样把扩展的图标折叠起来

图片：QQ截图20150818213114.png

烈之斩：估计他想像Chrome一样把扩展的图标折叠起来回到原帖

看他四楼的回复不是这样的，他是希望在1366x768的屏幕上把他一堆没用的扩展图标一字排开。我觉得那个把扩展图标放地址栏的东西很适合他的需求。

之前没说清楚
#urlbar-container 和 #search-container 设置了（在不同分辨率下的）最小宽度
并且有 flex 属性
会自动按 flex 比例占满剩余空间
这是常规的 UI 布局方法，没什么好黑的

问题在于 asstralis 取消了小图标模式
导致图标间距过大，浪费空间
在 1366x768 下的结果就如 5 楼那张截屏
除去默认的图标外可以放置 18 个标准大小的扩展图标

根据你要实现的目标不同，手段也会不同
所以你到底想要什么效果

pangyf10：看他四楼的回复不是这样的，他是希望在1366x768的屏幕上把他一堆没用的扩展图标一字排开。我觉得那个把扩展图标放地址栏的东西很适合他的需求。回到原帖

对对对,不是没用的呀,都是经常点击的图标!

aaaa007cn：之前没说清楚
#urlbar-container 和 #search-container 设置了（在不同分辨率下的）最小宽度
并且有 flex 属性
会自动按 flex 比例占满剩余空间
这是常规的 UI 布局方法，没什么好黑的

问题在于...回到原帖

图片：1.PNG

我想把这个图标显示出来,不要有二级菜单

loveqianool：我想把这个图标显示出来,不要有二级菜单回到原帖

图片：0.PNG

换了个位置解决了,Σ(●ﾟдﾟ●)
莫名其妙 ╮(￣▽￣")╭ (之前明明怎么换都不管用!!!

也许某个图标的属性和目前的导航栏有冲突
或者某个 css 错误的覆盖了正常的数值
反正自愈了那就随它吧