样式
注意事项
- 按钮要有点击态（可使用 mixin 实现）
- 针对经常使用的样式，可抽取为
mixin公共样式 - 切图的图片周围要有空白，防止使用
rem导致图片被裁剪 - 涉及到用户名（可能包含 emoji）的地方，
font-size和line-height不能设置成一样，否则会出现 emoji 上下被截断的问题 - 在字体比较小的地方，不用使用边框包裹字体，Android 有些机型上会出现文字偏上的问题。
- 如果真要这么做，可以在实现时，将字体大小、尺寸等扩大 2 位，再
scale(.5)
- 如果真要这么做，可以在实现时，将字体大小、尺寸等扩大 2 位，再
功能实现
尺寸适配
使用 postcss 的插件postcss-plugin-px2remopen in new window，可以将代码里的px处理成rem。比如：
body {
padding: 0 20px;
}
/* 经过 postcss-plugin-px2rem 处理后 */
body {
padding: 0 0.2rem;
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
默认是1rem = 100px，所以需要设置document.documentElement.style.fontSize为100 * 实际屏幕宽度 / 设计稿宽度，设置方式可参考： rem 组件。