css - 边框图像舍入在 Safari 中不正确舍入

Question

这是我的 jsfiddle:http://jsfiddle.net/9TWHF/1/

#bigdescription{
    width: 66%;
    border-style: solid;
    border-width: 87px 78px 81px 79px; 
    -moz-border-image: url(http://i.imgur.com/nJ71Mj5.png) 87 78 81 79 round; 
    -webkit-border-image: url(http://i.imgur.com/nJ71Mj5.png) 87 78 81 79 round;
    -o-border-image: url(http://i.imgur.com/nJ71Mj5.png) 87 78 81 79 round; 
    border-image: url(http://i.imgur.com/nJ71Mj5.png) 87 78 81 79 fill round; 
}

火狐:

Safari :

您可以在底部边框上看到它。在除 Safari 之外的所有浏览器中，底部边框都是正确的圆 Angular 。在 Safari 中，它似乎根本没有四舍五入。知道为什么会这样吗？

编辑:据我所知，Safari 实际上并不支持 border-image 上的“圆形”重复样式(即使他们的文档说他们支持 https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html)

Answer 1

这似乎是 Safari 的一个错误。 It does the same thing here ，即使是他们的样本图像。似乎获得一致结果的唯一方法是为 Safari 使用固定宽度...