前端开发中,我们经常需要对页面进行初始化,以适应不同的浏览器环境和不同的设备屏幕大小。微信页面开发也不例外,接下来我们来介绍微信页面 css 初始化的方法。
/* 重置样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* 设置默认字体大小 */ html { font-size: 14px; } /* 去除文本框和按钮的默认样式 */ input, button { outline: none; border: none; background-color: transparent; } /* 清除列表样式 */ ul, ol { list-style: none; } /* 取消超链接的下划线 */ a { text-decoration: none; }
上述代码中,我们首先使用通配符来设置所有元素的边距和内边距为 0,并将盒模型设置为 border-box。这样可以尽可能减少因为浏览器默认样式的影响。
接着,我们将 html 的默认字体大小设置为 14px,这是为了方便后面开发中的 rem 单位设置。
我们还针对 input 和 button 元素清除了默认的边框样式,并将背景颜色设置为透明。
清楚列表样式也是必要的,因为在微信页面开发中,经常会用到列表布局。
最后,我们取消了超链接的下划线,这使得页面更加美观。