2
Мой вопрос довольно прост, есть способ (или взломать), чтобы сделать свойство свойства border-image Retina (high definition) отображает? По крайней мере, в браузерах на основе Webkit. Если я попытаюсь использовать изображение с высоким разрешением в пограничном изображении, оно просто больше, и я не нашел способа его масштабирования. Если я установил меньшую ширину границы и/или размер среза, она (естественно) обрезала бы изображение, а не уменьшала его. Я знаю, что смогу имитировать границу с фоном, но в этом вопросе меня больше интересует, есть ли способ использовать «border-image». Заранее спасибо!CSS3 border-image и Retina screens
Это мой пример:
<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([email protected]) 10 10 repeat;
}
}
</style>