這句話聽起來是比較繞的待诅,我下面來實際的解釋一下
不知道設(shè)計師在做B端網(wǎng)格的時候有沒有遇到首妖,在做BI畫布的時候仪芒,你的所有組件需要放在12*12px的格子上穆咐,但是每一條線的本身是有厚度的,一般線的厚度為1px谜慌,那么兩個格子加起來為1+12+1=14px然想,這樣是實際超過12px,放個圖感受下
在內(nèi)容12*5=60的組件放在間距12px的格子上時欣范,完全不能夠按照規(guī)定來变泄;
接下來我在想令哟,如果間距為10px呢?
加上兩邊的厚度不就正好為12px嗎妨蛹?
如圖所示励饵,問題來了,只有第一個格子是合適的滑燃,后面的間距越來越夸張從第二個開始役听,每個格子查出去2px;
嘗試了上面兩種方式后表窘,找到了更為合理的適合設(shè)計的方案典予,用11px,就可以完美解決設(shè)計對其問題
雖然看起來是壓2線漏2線乐严,但是實際上設(shè)計是完全匹配的
那么你可能會有這樣的疑問瘤袖,這樣奇怪的對齊方式是正確的嗎,開發(fā)怎么做呢昂验?
這個問題我也考慮過了捂敌,在開發(fā),其實完全不存在厚度為1的這種情況既琴,所有的網(wǎng)格線都是沒有厚度的占婉,但是設(shè)計不可以,不可能做到甫恩,所以用這種方式逆济,使得設(shè)計更美觀更規(guī)范是必不可少的