Css 按钮仅在Internet Explorer中被剪切

在我的网页上我有一个按钮。当我在Chrome中显示页面时，一切正常，但当我在IE中查看时，按钮文本不适合按钮（见图）。您是否有提示，是什么原因导致此问题，以及如何解决此问题？我也在使用引导v4.0.0

代码如下：

。按钮{
背景色：#002c4c；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
对齐：居中；
宽度：100%；
}
.行{
右边距：0；
}
.第8排第2列{
最大宽度：225px；
}

---

我自己已经遇到了一个问题，即IE11中的一个按钮出现了文本溢出

对我来说，这是一个连接到字体的渲染错误

IE11似乎在加载webfonts之前在pageload上呈现按钮，当加载webfont时，按钮不会重新绘制，因此它不会适应新的宽度

我能找到的唯一解决方案是在加载webfonts时强制浏览器重新绘制。因此，我使用了一个名为“FontFaceObserver”的JS（）

JS:

CSS:

---

另一种尝试是将

输入

更改为

按钮

类似

---

PDF generieren

这可以解决连接到输入元素时的大小调整问题。（请同时输入此元素以查看是否设置了任何固定或前置宽度）

您使用的是webfont还是系统字体？@Lars OlofKreim在body I define

字体系列中：“Roboto”，Arial，sans serif确定。。。所以，如果你不在这里使用“Roboto”（只是为了澄清我的想法是否正确），请尝试一下这个错误是否会发生。@Lars OlofKreim是的，它仍然会发生。我已经检查了是否在css中的其他地方使用Roboto，但事实并非如此。@CBroe我将其从客户端更改为HTML。我不知道如何使用这些代码截取的东西，对不起。我想这可能是一个css问题。你能添加“更改按钮输入”吗？（：我添加了
作为额外的测试方式（感谢您的投票，我很高兴我能以某种方式提供帮助，而且这似乎是一个解决办法）
new FontFaceObserver('Roboto', {
    style: 'normal',
    weight: 400,
}).load(function(){
    $('body').addClass('state-font-loaded');
}, 10000);

.state-font-loaded {
    visibility: visible; //forcing browser to redraw
}