隨著公司各業(yè)務(wù)的不斷壯大，活動(dòng)如潮，專(zhuān)題似海。剛發(fā)育的CUED如何才能健康成長(zhǎng)？專(zhuān)題自動(dòng)化這個(gè)概念就自然而然冒出腦門(mén)。

要實(shí)現(xiàn)這個(gè)復(fù)雜的系統(tǒng)也必須一步步來(lái)，初期我們希望通過(guò)柵格系統(tǒng)和模塊化，提高效率，節(jié)約制作成本。

一、960柵格

1.什么是柵格系統(tǒng)？

柵格系統(tǒng)英文為“grid systems”，是一種平面設(shè)計(jì)的方法與風(fēng)格。運(yùn)用固定的格子設(shè)計(jì)版面布局，其風(fēng)格工整簡(jiǎn)潔。

2.為什么是960px？

比較直觀的一種說(shuō)法：蘋(píng)果電腦1024 x 768 的分辨率下，F(xiàn)irefox窗體的大小約為 974×650。減掉左右兩邊7px的邊框，網(wǎng)頁(yè)的實(shí)際大小為上圖中的紅色部分，高寬為 960×650。

來(lái)看幾個(gè)運(yùn)用柵格化的實(shí)例：

舊版迅雷首頁(yè)和頻道頁(yè)應(yīng)用上柵格系統(tǒng)后，可以看出還是存在問(wèn)題，未來(lái)還有改進(jìn)的空間。

標(biāo)簽： 960PX css 蚣

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。