视网膜半像素边界半径

Question

使用视网膜显示器时，可以使用半像素边框半径，如下所示：

#box {
    height: 3px;
    width: 100px;
    border-radius: 1.5px;
}

我是在我的视网膜iPhone 4上做的，它显示为1px边框半径。任何原因和/或修复？

Answer 1

边界测量必须是整数像素（因此1.5不会飞）。但你可以使用spread radius ..

伪造它

野外有很多例子，包括this one：

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (min-device-pixel-ratio:1.5) {

  button {
    border:none;
    padding:0 16px;
    box-shadow: inset 0 0 1px #000,
                inset 0 1px 0 #75c2f8,
                0 1px 1px -1px rgba(0, 0, 0, .5);   }

}