2017-01-04 22 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作爲整體佈局解決方案