2

我的问题很简单，有没有办法（或破解）使“边框图像”属性支持 Retina（高清）显示？至少在基于 Webkit 的浏览器中。如果我尝试在边框图像中使用高分辨率图像，它只会显得更大，而且我找不到缩小它的方法。如果我设置较小的边框宽度和/或切片大小，它会（自然地）裁剪图像，而不是缩小图像。我知道我可以模拟带有背景的边框，但在这个问题中，我更想知道是否有办法使用“边框图像”。先感谢您！

这是我的例子：

<style>
.border-button {
  border: 20px solid transparent;
  border-image: url(button-border.png) 20 20 repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-button {
    border: 10px solid transparent;
    border-image: url(button-border@2x.png) 10 10 repeat;
  }
}
</style>
4

1 回答 1

3

这对我来说很愚蠢，但我没有尝试将'border-width'设置为边框图像切片大小的一半。它可以很好地缩小图像，这是正确的答案。对于发布一个如此明显的问题，我深表歉意，但也许它会帮助其他在他们面前看不到这一点的人，比如我:)

于 2015-05-15T09:25:40.663 回答