移动端rem布局中给盒子设置line-height文字不垂直居中问题解决办法

本人初入前端

并且以下内容完全是公司前辈自己总结并且传授于在下，具体说法可能不严谨，只希望能给各位解决问题。不喜勿喷

言归正传：

    最近在编写公司的移动端页面的时候，遇到一个问题，我想要做一个放置在页面右上角的活动规则按钮，所以我就用了一个p标签，按照正常的设计稿的尺寸 高度和宽度都给了，但是攒着正常的情况下给盒子一个line-height 并且设置成盒子的高度 此时 盒子里面的内容应该就会垂直剧中了，而且我也是这样做的

    但是后来测试小姐姐 反应在某些手机 例如三星note8 iphoneX 上面 上面设置的行高无效，后来按照前辈的教的，完全解决了问题。

    解决方法如下将P标签换成span标签并且不设置 宽度 和高度 用padding去将内容撑开，撑到跟设计稿一样的大小，再去设置其他样式。 这样问题就解决了。

初入前端才三个月希望自己会变的更好。