IE：舍入对象的像素大小

Question

您好，我创建了一个网站，其中有两行大字幕:( h1，字体大小为43px）

但是这个html节点总和的高度为114.38px。

在Internet Explorer（11）中，该分数现在会导致此标题下的元素出现问题。

是否有一种优雅的方式使浏览器绕过标题的高度？

我不想手动将高度设置为固定像素值。

[编辑]

其中一个不好的问题：下面的按钮在顶部和底部的边框附近有亮线。

如果上标题具有圆角像素高度，则该按钮看起来像：

底部和顶部边框没有光线。

标题的代码非常简单：

*{
    font-family: "Segoe UI",Arial,sans-serif;
}
h1{
    // Bad Hack
    //height: 114px;
    font-size: 43px;
    font-weight: 200;
    color: #444;
    margin-bottom: 10px;
    margin-top: 10px;
}
a.button{
    padding: 4px 8px;
    border-radius: 2px;
    box-sizing: border-box;
    width: 300px;
    display: inline-block;
    background: linear-gradient(#da1d00,#b01700);
    border: 1px solid #8a1200;
    color: #fff;
    font-size: 600;
    text-align: center;
}

<h1>Nisi laborum ut ullamco et velit cillum sit cupidatat</h1>
<a class="button">Click me!</a>