loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
阅读:1800回复:16

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

楼主#
更多 发布于:2015-08-18 22:17

图片:1.gif



1366 x 768 地址栏和搜索栏太长了,怎么办!!!
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
1楼#
发布于:2015-08-18 22:28
因为没有 splitter
不过就算放个 splitter 在搜索栏之后
你还是拉不动
还得加个带有 flex 属性的元素才行
atmouse
狐狸大王
狐狸大王
  • UID44114
  • 注册日期2014-01-27
  • 最后登录2017-12-29
  • 发帖数325
  • 经验266枚
  • 威望0点
  • 贡献值122点
  • 好评度19点
2楼#
发布于:2015-08-18 22:31
我已经学google把搜索栏去掉了
PC-JMK6, asus m5a99x, fx8350, radeonhd7870 x2, iec958/ha/HD600, linux-next, systemd, pacman, mesa, xorg, libinput, modesetting w/ glamor, qtile, icecat,
loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
3楼#
发布于:2015-08-18 23:53
aaaa007cn:因为没有 splitter
不过就算放个 splitter 在搜索栏之后
你还是拉不动
还得加个带有 flex 属性的元素才行
回到原帖
帮帮我,怎么办呀?
loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
4楼#
发布于:2015-08-18 23:58
atmouse:我已经学google把搜索栏去掉了回到原帖
可是干掉会变成这样.

图片:キャプチャ.PNG

Σ(●゚д゚●) 明明扩展还要二级菜单
真是太长了!!!!,受不了ヽ(●-`Д´-)ノ
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
5楼#
发布于:2015-08-19 00:22
blame asstralis
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
6楼#
发布于:2015-08-19 00:30
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);
}
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
7楼#
发布于:2015-08-19 00:33
元素本身有 flex 属性
会自动占据多余的空白
另外 css 中也设置了最小宽度

所以你到底要干什么?
烈之斩
火狐狸
火狐狸
  • UID35302
  • 注册日期2011-02-19
  • 最后登录2019-05-04
  • 发帖数236
  • 经验222枚
  • 威望0点
  • 贡献值118点
  • 好评度23点
  • 社区居民
  • 忠实会员
8楼#
发布于:2015-08-19 10:30
估计他想像Chrome一样把扩展的图标折叠起来

图片:QQ截图20150818213114.png

pangyf10
火狐狸
火狐狸
  • UID48425
  • 注册日期2014-12-30
  • 最后登录2019-10-17
  • 发帖数191
  • 经验193枚
  • 威望0点
  • 贡献值62点
  • 好评度9点
  • 社区居民
  • 忠实会员
9楼#
发布于:2015-08-19 11:09
烈之斩:估计他想像Chrome一样把扩展的图标折叠起来回到原帖
看他四楼的回复不是这样的,他是希望在1366x768的屏幕上把他一堆没用的扩展图标一字排开。我觉得那个把扩展图标放地址栏的东西很适合他的需求。
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
10楼#
发布于:2015-08-19 12:18
之前没说清楚
#urlbar-container 和 #search-container 设置了(在不同分辨率下的)最小宽度
并且有 flex 属性
会自动按 flex 比例占满剩余空间
这是常规的 UI 布局方法,没什么好黑的

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

根据你要实现的目标不同,手段也会不同
所以你到底想要什么效果
loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
11楼#
发布于:2015-08-19 20:49
pangyf10:看他四楼的回复不是这样的,他是希望在1366x768的屏幕上把他一堆没用的扩展图标一字排开。我觉得那个把扩展图标放地址栏的东西很适合他的需求。回到原帖
对对对,不是没用的呀,都是经常点击的图标!
loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
12楼#
发布于:2015-08-19 20:53
aaaa007cn:之前没说清楚
#urlbar-container 和 #search-container 设置了(在不同分辨率下的)最小宽度
并且有 flex 属性
会自动按 flex 比例占满剩余空间
这是常规的 UI 布局方法,没什么好黑的

问题在于...
回到原帖

图片:1.PNG


我想把这个图标显示出来,不要有二级菜单
loveqianool
狐狸大王
狐狸大王
  • UID29223
  • 注册日期2009-06-19
  • 最后登录2019-10-11
  • 发帖数307
  • 经验152枚
  • 威望0点
  • 贡献值92点
  • 好评度2点
  • 社区居民
  • 忠实会员
13楼#
发布于:2015-08-19 20:59
loveqianool:我想把这个图标显示出来,不要有二级菜单回到原帖

图片:0.PNG


换了个位置解决了,Σ(●゚д゚●)
莫名其妙 ╮( ̄▽ ̄")╭ (之前明明怎么换都不管用!!!
aaaa007cn
千年狐狸
千年狐狸
  • UID23968
  • 注册日期2008-05-03
  • 最后登录2019-10-18
  • 发帖数1916
  • 经验1130枚
  • 威望1点
  • 贡献值232点
  • 好评度161点
14楼#
发布于:2015-08-19 21:16
也许某个图标的属性和目前的导航栏有冲突
或者某个 css 错误的覆盖了正常的数值
反正自愈了那就随它吧
上一页
游客

返回顶部