960 的優(yōu)勢
960 經(jīng)典布局。 960 的最大好處是什么? 它是 2, 3, 4, 5, 6, 8, 10, 12, ... 很多常用的分欄和 gallery 分列數(shù)量的公倍數(shù)。如果采用通欄布局, 那么我們可以輕松地算出每列的寬度。
在一個項目為通欄無邊框布局, 分 4 列, 如果我們的寬度是 960, 那我可以將列寬定義為 25%。但就現(xiàn)在的 950, 我需要加一個外邊距, 并將其一并算入, 如果列寬是 x, 外邊距是 y, 那么 4x + 3y = 950。
請不要迷戀 960
嗯, 960 的最大優(yōu)勢是, 它是能支持 1024 顯示寬度的, 兼容分欄方式最多的寬度值, 所以并廣泛應(yīng)用。但是反過來想, 如果我的網(wǎng)站有固定的側(cè)邊欄, 那還有必要糾結(jié)于是否使用 960 布局嗎?
如果網(wǎng)站上有固定側(cè)邊欄, 那需要考慮的點有二。
1. 我的側(cè)邊欄要放些什么? 要多大寬度才足夠?
2. 正文區(qū)域要取多少才方便內(nèi)容分欄和讀者閱讀? (如果正文會出現(xiàn) gallery, 還是要考慮分欄的)
為什么選擇 950?
阿里系很多網(wǎng)站都是 950, 為什么呢?這個可能跟外邊距有關(guān)，列于列之間存在邊距, 所以邊距數(shù)量比列數(shù)少 1, 如 4 列的布局存在 3 個邊距。
如果常用的外邊距是 10, 那么有下面的分法。
2 欄: 470*2 + 10*1
3 欄: 310*3 + 10*2
4 欄: 230*4 + 10*3
5 欄: 182*5 + 10*4
6 欄: 150*6 * 10*5
8 欄: 110*8 + 10*7
...
也就是說, 如果是帶外邊距的布局, 那么 950 更加靈活。 由此看來, 做一個帶側(cè)邊欄的網(wǎng)站, 或許 950 的擴展性或許更好。
后話
其實 980 的布局也很常用, 為什么? 交給大家自己思考。950, 960, 還是 980 自己選擇, 適合自己的最好。