網格系統如何適用於全寬頁面？

Question

在使用12個grid_系統時，網格系統如何爲那些擴展到瀏覽器全尺寸的網站（無論你如何調整大小）工作？

例如，拿上這些網站一看：

http://vevo.com

http://xfinitytv.comcast.net

http://pinterest.com

是否有一個技術名稱爲這個？爲什麼沒有很多這樣的網站利用完整的瀏覽量？

謝謝

Answer 1

你問什麼的「技術名稱」被稱爲「流體」佈局。關於如何在Bootstrap中實現這一點，答案取決於您是使用v.2.x還是使用最新發布的版本3.在2.x版本中，流體效果是通過將網格元素封裝在「容器流體「類。在版本3中，默認情況下「容器」類是流體。 （有關更多信息，請參閱Bootstrap: Migrating from 2.x to 3.0。）

至於爲什麼更多網站最不使用流體佈局，這是一個相當主觀的問題。我會從我的個人經驗發表評論（在網頁設計和開發方面有15年）>流體設計在真正成爲一個問題之後纔會變成大屏幕，其中內容在屏幕的整個寬度上都會展開可用性問題。具體來說，如果線條變得太長，文本塊可能變得非常難以閱讀。文本行越長，眼睛就越難找到下一行的開始。此外，圖像拉得太寬而不夠銳利（假設使用了這種技術）。簡而言之，具有大顯示器的人通常不希望或不需要按內容佔用的整個顯示器。網絡應用程序是一個例外，因爲在線應用程序通常會顯示數據網格以及許多列，數據面板，菜單等，這就要求用戶最大限度地利用所有可用的顯示區域。做一個網頁搜索「流體與固定寬度佈局」，你會得到大量的資源比較這兩種方法。