jQuery移动视网膜图标不显示

Question

视网膜图标未显示非视网膜图标太小。我使用18x18和36x36用于* 2.png。知道如何解决这个问题吗？

.ui-icon-roto {
    background-image: url("imgs/roto_icon.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-roto {
        background-image: url("imgs/roto_icon2.png");
        background-size: 36px 36px;
    }
}

Answer 1

background-size应为18x18

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-myapp-settings {
        background: url("settings@2x.png") no-repeat rgba(0, 0, 0, 0.4) !important;
        background-size: 18px 18px;
}
}