隨著設(shè)備的增多削茁，屏幕尺寸也越來越多，了解柵格化的計(jì)算方法會對各種屏幕大小之間的轉(zhuǎn)換起到基礎(chǔ)作用粟害。當(dāng)然蕴忆，作為小白，我對于柵格化也有很多不理解之處悲幅，如果有有用的資料可以評論區(qū)互相交流套鹅。
1. 什么是柵格化？
百度百科的解釋是：柵（shān）格化汰具，是PS中的一個(gè)專業(yè)術(shù)語卓鹿，柵格即像素，柵格化即將矢量圖形轉(zhuǎn)化為位圖（柵格圖像）留荔。最基礎(chǔ)的柵格化算法將多邊形表示的三維場景渲染到二維表面吟孙。
通俗的理解，柵格化就是按照某種規(guī)則將圖形像素化聚蝶。
網(wǎng)頁的柵格化就是以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁中的版面布局以及信息分布杰妓。
2. 如何計(jì)算柵格？
在網(wǎng)頁設(shè)計(jì)中碘勉，我們把寬度為“W”的頁面分割成n個(gè)網(wǎng)格單元“a”巷挥，每個(gè)單元與單元之間的間隙設(shè)為“i”,此時(shí)我們把“a+i”定義“A”。他們之間的關(guān)系如下：
W =（a×n）+（n-1）i
由于a+i=A验靡，
可得：(A×n) – i = W
3. 如何應(yīng)用倍宾？
根據(jù)網(wǎng)頁應(yīng)用的用戶屬性確定最常見屏幕尺寸，從而確定版心寬度（常見為990px或1200px）晴叨，再根據(jù)版心和想要柵格的網(wǎng)格數(shù)n推算出公式中的柵格寬度a和間隙i凿宾。按照算出的各種參數(shù)畫出柵格，在柵格的基礎(chǔ)上進(jìn)行頁面設(shè)計(jì)兼蕊。
當(dāng)然初厚，柵格并不是萬能的，如果想要有很完美的適配，還需要根據(jù)經(jīng)驗(yàn)多嘗試和分析产禾。
王旋子同學(xué)
