写移动端遇到过的坑

1.border设置的时候不要设置rem，如1px就写成1px，不要出现rem，否则会在有的手机中border消失（oppo）。

2.input type="button"，以及button按钮，用div来代替，否则会出现适配问题，按钮颜色等。

3.多行文字居中 

    (1)固定高度。  display:table. display:table-cell;

    (2)不固定高度。 padding

4.图片和文字在一行，如何垂直居中    

html   

css

只需要在大的div中设置文字大小以及颜色，然后设置图片的宽高，最后在大的div中加入 .logo-box *{vertical-align:middle}. 

注：*前面必须有一个空格

5.line-height单行文字不居中

原因（1）height、line-height出现奇数；

       （2）移动端rem布局；

6. 注册页面，用户只能点击一次。