我在兩個不同的網站上閱讀(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