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

时间:2014-08-25 11:09:09

标签: html css media-queries

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

删除line-height并将paddingmargin添加到zero

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

DEMO