|
950的來歷
具體應(yīng)用時(shí)，Margin其實(shí)是一個(gè)空白邊，從視覺上看并不屬于總寬度。不少柵格設(shè)計(jì)里習(xí)慣性地設(shè)定Gutter為10px, 這樣Margin就是5px. 當(dāng)W為960，分割成6列時(shí)，柵格如下圖：
點(diǎn)擊放大
上圖的處理是左右Margin各為5px. 也可以將Margin集中放在一邊，比如右邊：
點(diǎn)擊放大
無論Margin放在何處（這只影響技術(shù)實(shí)現(xiàn)，不影響設(shè)計(jì)），我們真正要關(guān)注的是去除Margin之后的部分：
點(diǎn)擊放大
這就是我們要真正關(guān)注的950！將W的含義變?yōu)槿コ齅argin的總寬度，公式變化為：
W = N * C - g
將上面的公式實(shí)例化一下：
950 = 12 * 80 - 10
950 = 16 * 60 - 10
950 = 24 * 40 - 10
這就形成了960蛋糕的三種常見切法。
12 x 80
點(diǎn)擊放大
16 x 60
點(diǎn)擊放大
24 x 40
點(diǎn)擊放大
出處：Taobao.com UI Team
責(zé)任編輯：bluehearts
上一頁 網(wǎng)頁柵格系統(tǒng)研究:蛋糕的切法 [1] 下一頁 網(wǎng)頁柵格系統(tǒng)研究:蛋糕的切法 [3]
|
第 1 頁 
第 2 頁 網(wǎng)頁柵格系統(tǒng)研究:蛋糕的切法 [2]
