微信小程序的開(kāi)發(fā)中,css樣式的重置是非常重要的一步。由于微信小程序的各項(xiàng)功能都是基于webview內(nèi)核實(shí)現(xiàn)的,因此在一些屬性上,微信小程序與傳統(tǒng)的web開(kāi)發(fā)還是有所差別的。
那么,怎樣重置微信小程序的css樣式呢?這里我們介紹一些常見(jiàn)的reset代碼:
/* 全局重置 */ *{ margin: 0; padding: 0; box-sizing: border-box; } /* 解決移動(dòng)端click延遲問(wèn)題 */ body{ touch-action: manipulation; } /* 清除文本選擇樣式 */ body{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
需要注意的是,以上代碼并不會(huì)對(duì)所有小程序樣式造成影響。具體情況還需要根據(jù)項(xiàng)目需求進(jìn)行調(diào)整和修正。
最后,我們需要強(qiáng)調(diào)的一點(diǎn)是,雖然微信小程序是基于webview內(nèi)核實(shí)現(xiàn)的,但我們應(yīng)該遵循小程序規(guī)范開(kāi)發(fā),注意小程序的性能和安全問(wèn)題。
上一篇java jquery包
下一篇微信小程序css正方形