边框不是Safari中的完美像素

Question

在genevalidator.sbcs.qmul.ac.uk，主体div有一个边框。已经注意到，这在Safari版本= 7.1（9537.85.10.17.1）上并不完美。

我不太清楚为什么会这样。请看下面图片的顶部。

Border css

border: 7.5px solid #5e5e5e;
border-radius: 15px

图片

Answer 1

没有7.5px之类的东西。遗憾的是，不可能在半个像素上呈现特定颜色。 使用

border: 8px solid #5e5e5e;

或

border: 7px solid #5e5e5e;

在提到的Safari版本上进行了测试，它就像一个魅力，而7.5px在顶部边框上造成1px不完美;

Answer 2

网络上的像素完美度很难，但是如果指定半像素则会更加困难。我不记得浏览器在这种情况下的行为如何，它们在不同的情况下都有不同的方式，但是你没有提供足够的信息来说明确切的变化是什么，我没有Safari可供我仔细检查。

但是，有一个关于Safari没有正确应用border-radius到图像的回答问题，如下所示：Rounded cornes (border radius) Safari issue