css - 视网膜半像素边界半径

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);   }

}