Css Safari中的按钮宽度截断

我在Safari中只有一个按钮有问题。它被切断了，但我一悬停在它上面，它就会像它应该的那样全宽。有人遇到过这个问题吗？我将复制按钮的css并链接图像

CSS:

---

我找到了解决方案，父div上的

display:flex

与按钮上的

display:block/inline block

产生了问题。我刚刚在按钮上设置了

display:flex

，它解决了这个问题

你试过宽度100%而不是自动吗？@billy.farroll宽度：100%会占用太多空间，这不是一个很好的解决方案。对，也许试一下最大宽度：140px；宽度：100%这样它不会比140px更大；给按钮浮动：左；试试这个。这可能是由很多事情造成的，但就我测试而言，按钮样式不是问题，你能提供一个链接或像JSFIDLE/codepen这样的测试环境吗？

    background: -webkit-gradient(linear, left top, right top, from(#f14f27), to(#ff7b5a));
    background: linear-gradient(to right, #f14f27 0%, #ff7b5a 
    color: #FFFFFF;
    min-width: 140px;
    width: auto;

display: inline-block;
font-weight: normal;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

font-size: 15px;
padding: 11px;
border-radius: 6px;