前言
今日发现项目中一个样式问题,就是el-button的父元素本地启动和部署后的高度不一致,本地启动项目el-button的父元素el-row的高度是30px,而线上的高度变成了42px
如下图
解决方案:
方案1:
父元素设置display:flex,也就是给el-row设置
方案2:
el-button 设置display:block
方案3:
父元素设置line-height:0
结语:
虽然解决了这个问题,但是问题根本原因没找到也不是办法,毕竟本地没问题,上线部署之后才会出现