Mozilla的FirefoxDevTools小组建立了一个名为CSS的工具,用于检查CSS Flexbox的布局。 该工具可帮助开发人员了解Flexbox元素的大小,位置和嵌套
CSS Flexbox布局,即CSS Flexible Box Layout,是一个CSS模块,定义了针对用户界面设计而优化的CSS Box模型,其布局在一个维度上。 在构建动态页面布局方面,它越来越受欢迎。 使用flex布局模型,flex容器的子项可以在任何方向上进行布局,并“灵活”改变其大小,以填充未使用的空间或缩小以防止父项溢出。
在开发Flexbox Inspector时,Mozilla基于CSS Grid Inspector的概念构建了一个工具,用于检查CSS Grid布局。 CSS Flexbox具有陡峭的学习曲线,因此Mozilla团队收集了数据以帮助构建基本功能集。 在用户调查中,对于开发人员需要帮助的区域,最小/最大宽度和高度限制获得最高分数。 收缩/增长功能的排名高于预期。
在哪里下载Flexbox Inspector
您可以从Firefox Quantum:开发人员版下载Flexbox Inspector 。
From: https://www.infoworld.com/article/3333641/mozilla-launches-css-flexbox-inspector.html