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

Question

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

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

谢谢!

Answer 1

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

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

DEMO