2017-01-04 17 views
1

我在两个不同的网站上阅读(CSS TricksMDN),Flexbox不应该用于大规模布局。为什么这会看到它在Bootstrap V4中作为网格系统以及其他Flexbox库实现?为什么Flexbox不能用于大规模布局?

+0

这两个网站提出这个要求,并没有理由? –

+0

@Michael_B不是我所能看到的。唯一的原因是网格布局适用于大规模布局。 – worker11811

回答

2

我怀疑这主要是因为这是Flexbox和Grid Layout的预期目的。如链接中所述:

网格布局没有内容结构,因此可以在表格中实现各种布局。例如,网格容器的子元素可以自己定位,因此它们实际上是重叠和分层的,类似于CSS定位的元素。

此外Flexbox和网格布局都在Candidate Recommendation stage。你应该记住的另一件事是Bootstrap V4仍然是alpha。

+1

但是他们建议大规模布局的网格布局,目前支持更少。目前,Flexbox得到了广泛的支持。 – worker11811

+0

你说得对。我根据更多的调查更新了我的答案。 – Yathi

1

很久以前(4年要准确)的星系远(W3C的标准),远.... Flexbox将是一个Candidate Recommendation stage首次:P

浏览器在支持它,即使IE试过。前端使用它来构建网站和应用程序,没有人关心它只是候选人。候选人一直在改变建议和最终的建议。在这个阶段很少做一些小的改动。

然后我们发现flexbox的想法很棒,但是我们在桌子上的东西却几乎没有我们想要的东西。这很笨拙,不是很好,只是错误。

巨大的决定是。 Flexbox回到工作草案。

这就是为什么,4年后,每个人都害怕它会再次发生。

https://css-tricks.com/old-flexbox-and-new-flexbox/ https://css-tricks.com/using-flexbox/

+0

Lol并不完全回答为什么我们应该使用网格系统进行大规模布局,但幽默和星球大战参考获得了我投票的赞成票。 – Yathi

1

flexbox的主要问题是如何加载。

当服务器流向浏览器的内容时​​,它可以逐步渲染它,当第一个项目加载时,它将它调整到可用空间,然后当第二个项目加载时,它重新调整,因此两者性能较差并导致不对齐和元素移位。

所以我建议在需要它的地方使用它,而不是一个结构良好的标记,因为这是一个良好和良好的行为的网站应该有。

这里是许多资源之一,脱落的这方面的一些光(并展示了如何加载在比较与网格录音):

我做了这个答案一个wiki,所以随时可以同时提供pro和con的是否使用flexbox作为整体布局解决方案