我在两个不同的网站上阅读(CSS Tricks和MDN),Flexbox不应该用于大规模布局。为什么这会看到它在Bootstrap V4中作为网格系统以及其他Flexbox库实现?为什么Flexbox不能用于大规模布局?
回答
我怀疑这主要是因为这是Flexbox和Grid Layout的预期目的。如链接中所述:
网格布局没有内容结构,因此可以在表格中实现各种布局。例如,网格容器的子元素可以自己定位,因此它们实际上是重叠和分层的,类似于CSS定位的元素。
此外Flexbox和网格布局都在Candidate Recommendation stage
。你应该记住的另一件事是Bootstrap V4仍然是alpha。
但是他们建议大规模布局的网格布局,目前支持更少。目前,Flexbox得到了广泛的支持。 – worker11811
你说得对。我根据更多的调查更新了我的答案。 – Yathi
很久以前(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/
Lol并不完全回答为什么我们应该使用网格系统进行大规模布局,但幽默和星球大战参考获得了我投票的赞成票。 – Yathi
与flexbox
的主要问题是如何加载。
当服务器流向浏览器的内容时,它可以逐步渲染它,当第一个项目加载时,它将它调整到可用空间,然后当第二个项目加载时,它重新调整,因此两者性能较差并导致不对齐和元素移位。
所以我建议在需要它的地方使用它,而不是一个结构良好的标记,因为这是一个良好和良好的行为的网站应该有。
这里是许多资源之一,脱落的这方面的一些光(并展示了如何加载在比较与网格录音):
我做了这个答案一个wiki,所以随时可以同时提供pro和con的是否使用flexbox
作为整体布局解决方案
- 1. 为什么Pex不是大规模的
- 2. 为什么我不能膨胀布局?
- 3. 为什么不能访问我的布局大文件夹?
- 4. 为什么Flexbox不能垂直居中?
- 5. 用于页面布局的Flexbox?
- 6. 为什么src不能用于模板?
- 7. 为什么在Safari中这个flexbox布局被破坏?
- 8. 为什么我的布局不使用图形布局调整大小?
- 9. 用flexbox设置布局
- 10. 为什么这个自动布局规范不够?
- 11. 液体布局:100%最大宽度img不适用 - 为什么?
- 12. 为什么布局高度大于预期
- 13. Flexbox布局模式:5个方块(1个大,4个小)
- 14. 为什么我的xml布局不适用于多个屏幕?
- 15. 为什么我的班级规模大于其会员总数?
- 16. 为什么我Thymeleaf的模板不使用布局
- 17. 什么技术用于大规模的移动应用程序
- 18. 规模布局项目
- 19. SharePoint页面布局规模不同
- 20. 为什么我不能让另一个布局单元到布局单元
- 21. 为什么我的媒体查询不适用于Flexbox?
- 22. 什么模拟器用于测试sw720dp,用地布局
- 23. 为什么布局,不更新?
- 24. Flex:为什么SpriteVisualElement不遵循布局?
- 25. 为什么在放大后基于NSWindow的自动布局重绘不正确?
- 26. 为什么JFrame布局不是我设置的布局?
- 27. flexbox四平铺布局
- 28. white-space:nowrap打破flexbox布局
- 29. 基本布局与CSS flexbox
- 30. Flexbox布局对齐内容
这两个网站提出这个要求,并没有理由? –
@Michael_B不是我所能看到的。唯一的原因是网格布局适用于大规模布局。 – worker11811