我對twitter引導網格中的各種選項以及它們如何組合在一起感到困惑。首先,您可以有一個普通的fixed container或一個container-fluid。然后,可以包含一個普通row行或一個流體行row-fluid。也就是說,您可以使用帶有固定排的固定容器,也可以帶有帶有固定排的容器流體...?然后,最重要的是,您可以包括“響應式”媒體查詢,也可以不包括。我對這些東西如何相互作用感到困惑。但是,讓我們從一個明顯的例子開始。在示例頁面本身上,提供了作為固定網格和流體網格的示例的內容但是,在我的瀏覽器中,在示例頁面本身上-兩個網格的行為相同。也許因為示例頁面使用了可選的響應式媒體查詢?在這兩個網格示例中,如果我開始逐漸縮小瀏覽器窗口的范圍,則網格元素不會逐漸變窄-達到某個(響應)邊界寬度后,它們將捕捉為較小的尺寸,然后又變為更遠的邊界寬度。但是,普通的“固定”示例和“流體”示例在這里的行為完全相同-那么到底有什么區別呢?
3 回答

慕神8447489
TA貢獻1780條經驗 獲得超1個贊
有趣的討論。我也在問自己這個問題。固定版和固定版之間的主要區別僅在于,固定版式在網站(視口)的整個版式上具有固定的寬度。如果您有一個960像素寬的視口,則每個列的寬度都是固定的,永遠不會改變。
流體布局的行為有所不同。假設您已將主布局的寬度設置為100%寬度。現在,每列將僅根據其相對大?。?5%)進行計算,并隨著調整瀏覽器的大小而拉伸。因此,根據您的布局目的,您可以選擇布局的行為。
- 3 回答
- 0 關注
- 544 瀏覽
添加回答
舉報
0/150
提交
取消