情况:我在开发vue2+element-ui项目的过程中发现了一个关于icon的问题,在el-button中加icon,在small模式下,icon正常的大小是宽高12px,但是icon的:before属性的height会加一像素,变成13px
这个问题会造成在写项目过程中el-button在small的情况下高度变为33px,正常情况下el-button在small模式下是32px的高度,在使用el-row和el-col会造成站位问题
el-button
宽高都是12px
宽是12px,高是13px
原因:算是一个css中单位的一个bug,font-size在为4的奇数倍
时候都能复现出来
后来的我尝试了,确实这样
解决办法:给他加上display: inline-block;
这个可以解决他的高度问题
解决方法