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

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