为什么Flexbox不能用于大规模布局?

时间:2017-01-04 15:20:38

标签: css flexbox

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

3 个答案:

答案 0 :(得分:2)

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

  

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

此外,Flexbox和网格布局均位于Candidate Recommendation stage。你应该记住的另一件事是Bootstrap V4仍处于alpha状态。

答案 1 :(得分: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/

答案 2 :(得分:1)

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

当服务器将内容流式传输到浏览器时,它可以逐步渲染它,当第一个项目加载时,它会将其调整到可用空间,然后,当第二个项目加载时,它会重新调整,因此两者都是性能较差,导致错位和元素移位。

因此,我建议在需要的地方使用它,而不是替换结构良好的标记,因为这是一个优秀且表现良好的网站应该具备的。

以下是众多资源中的一项,对此有所了解(以及显示与网格相比如何加载的记录):

我将此答案视为维基,因此请随时与专业人士一起讨论是否使用flexbox作为整体布局解决方案 < / p>