行高属性在媒体查询中不起作用

Question

我有一个按钮，除了我创建媒体查询，line-height属性停止工作时，所有屏幕尺寸都能完美。我想让按钮居中的文本就像更大的屏幕尺寸一样。但是当我调整白色文本大小时跳到按钮的底部。所以，下面是一个小提琴。 ：）

JSFiddle链接：http://jsfiddle.net/846p18tb/5/

谢谢！

Answer 1

删除line-height并将padding和margin添加到zero。

 @media screen and (max-width: 520px) {
 .main-group .btn.btn-green h3 {
    padding:0;
    margin:0;
 }
}

DEMO