課程
/前端開發(fā)
/WebApp
/慕課網(wǎng)2048私人訂制
gridContainerWidth不就是grid-container的寬度嗎?
2016-03-18
源自:慕課網(wǎng)2048私人訂制 5-5
正在回答
正常情況下 盒子總寬度=盒子寬度+內(nèi)邊距+邊框;
這里沒有邊框,那就是0咯;
既然要適應(yīng)手機(jī),那么 ?盒子總寬度就得 == 手機(jī)的合適寬度(即92%,也就是gridContainerWidth);
那么盒子的寬度 = 手機(jī)的合適寬度 - 內(nèi)邊距;
內(nèi)邊距 = 2*cellSpace;
如果你不想減,那個你直接給盒子來個樣式: ?box-sizing:border-box;
這樣就可以不用減去,這個是不管你是border還是padding,盒子的寬度都不會改變;
這個問題屬于css范疇
MARSGGBO 提問者
to subscibe margin value
舉報(bào)
慕課網(wǎng)這款“2048私人訂制”通過大神老的講解學(xué)習(xí)到游戲結(jié)構(gòu)的開發(fā)
1 回答為什么 gridContainerWidth 要 減去 2*cellSpace 啊
3 回答$("#grid-container").append( '<div class="number-cell" id="number-cell-'+i+'-'+j+'"></div>' );請問這句是什么意思?
2 回答不是說是絕對定位么?為什么container屬性設(shè)置成position;relative??
2 回答這句應(yīng)該是這樣吧?$("#grid-container").append("<div class='number-cell' id='number-cell-"+i+"-"+j+"'></div>");
1 回答2048游戲?yàn)槭裁葱枰狫Query??
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-28
正常情況下 盒子總寬度=盒子寬度+內(nèi)邊距+邊框;
這里沒有邊框,那就是0咯;
既然要適應(yīng)手機(jī),那么 ?盒子總寬度就得 == 手機(jī)的合適寬度(即92%,也就是gridContainerWidth);
那么盒子的寬度 = 手機(jī)的合適寬度 - 內(nèi)邊距;
內(nèi)邊距 = 2*cellSpace;
如果你不想減,那個你直接給盒子來個樣式: ?box-sizing:border-box;
這樣就可以不用減去,這個是不管你是border還是padding,盒子的寬度都不會改變;
這個問題屬于css范疇
2016-03-19
to subscibe margin value