chrome官方吐槽:你们css的flex太难用了!

By
尝鲜试用

2021年开年大吉。

好家伙,一个季度没更新。

还是水一篇刷一下。

自从移动端开始大行其道之后,就有了响应式,但是,布局要考虑float、position、block / inline-block,然后还有元素左右居中,上下居中。慢慢的,一种更加强大的布局-flex就流行起来(顺序不知道先后)。

真香!

但是,直到前几年,我才慢慢使用,究其原因,还是配置项太多,和其他直观的属性相比,很不css。比如,flex: 1 1 auto啥意思?flex-grow, flex-shrink还有flex-basis,分别是干啥用的?

好在经过一段事件移动端试炼,flex还是比较熟了。

所以我能想到新手面对一堆配置,肯定一脸懵逼。这次chrome 90的devTools的flexbox查看器,算是对这个“老大难”问题的官方吐槽吧。

chrome flexbox
chrome devTools flexbox

chrome flexbox
chrome devTools flexbox

对了,查了一下,发现相关功能,firefox在2019年就有了。火狐牛逼!

FirefoxDevTools, 2019年4月12日:firefox flexbox

ChromeDevTools, 2021年2月28日:new in chrome 90 devtools

0

Comments: 5

  1. 然而火狐一些率先推出的功能也是率先砍掉的,例如 Android 版上的网页存为 PDF 的功能,又例如 PC 版上的标签页分组管理……嘛,让人猜不透也算是“牛逼”的一种吧 ( ̄▽ ̄;)

    05月05日
  2. 文章不错非常喜欢

    05月08日
  3. 估计也会向年更靠近…firefox的好得不到大众赏识,就像好人很难找到媳妇一样

    05月08日
    • @zwwooooo 年更今年应该不会,明年难说哈哈哈
      媳妇这个比喻……是投资人吗?

      @venmax 05月14日

4585_5360进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

*

:razz: