前端開發(fā)中，我們經(jīng)常需要對頁面進行初始化，以適應(yīng)不同的瀏覽器環(huán)境和不同的設(shè)備屏幕大小。微信頁面開發(fā)也不例外，接下來我們來介紹微信頁面 css 初始化的方法。

/* 重置樣式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 設(shè)置默認(rèn)字體大小 */
html {
font-size: 14px;
}
/* 去除文本框和按鈕的默認(rèn)樣式 */
input,
button {
outline: none;
border: none;
background-color: transparent;
}
/* 清除列表樣式 */
ul, ol {
list-style: none;
}
/* 取消超鏈接的下劃線 */
a {
text-decoration: none;
}

上述代碼中，我們首先使用通配符來設(shè)置所有元素的邊距和內(nèi)邊距為 0，并將盒模型設(shè)置為 border-box。這樣可以盡可能減少因為瀏覽器默認(rèn)樣式的影響。

接著，我們將 html 的默認(rèn)字體大小設(shè)置為 14px，這是為了方便后面開發(fā)中的 rem 單位設(shè)置。

我們還針對 input 和 button 元素清除了默認(rèn)的邊框樣式，并將背景顏色設(shè)置為透明。

清楚列表樣式也是必要的，因為在微信頁面開發(fā)中，經(jīng)常會用到列表布局。

最后，我們?nèi)∠顺溄拥南聞澗€，這使得頁面更加美觀。