chrome官方吐槽:你们css的flex太难用了!
2021年开年大吉。
好家伙,一个季度没更新。
还是水一篇刷一下。
自从移动端开始大行其道之后,就有了响应式,但是,布局要考虑float、position、block / inline-block,然后还有元素左右居中,上下居中。慢慢的,一种更加强大的布局-flex就流行起来(顺序不知道先后)。
真香!
但是,直到前几年,我才慢慢使用,究其原因,还是配置项太多,和其他直观的属性相比,很不css。比如,flex: 1 1 auto
啥意思?flex-grow
, flex-shrink
还有flex-basis
,分别是干啥用的?
好在经过一段事件移动端试炼,flex还是比较熟了。
所以我能想到新手面对一堆配置,肯定一脸懵逼。这次chrome 90的devTools的flexbox查看器,算是对这个“老大难”问题的官方吐槽吧。
chrome devTools flexbox
chrome devTools flexbox
对了,查了一下,发现相关功能,firefox在2019年就有了。火狐牛逼!
FirefoxDevTools, 2019年4月12日:firefox flexbox
ChromeDevTools, 2021年2月28日:new in chrome 90 devtools
转载请注明转自:chrome官方吐槽:你们css的flex太难用了!
然而火狐一些率先推出的功能也是率先砍掉的,例如 Android 版上的网页存为 PDF 的功能,又例如 PC 版上的标签页分组管理……嘛,让人猜不透也算是“牛逼”的一种吧 ( ̄▽ ̄;)
@4585_5360 这就很尴尬了
文章不错非常喜欢
估计也会向年更靠近…firefox的好得不到大众赏识,就像好人很难找到媳妇一样
@zwwooooo 年更今年应该不会,明年难说哈哈哈
媳妇这个比喻……是投资人吗?