css - jQueryMobileの網膜アイコンが表示されない

Question

網膜アイコンが表示されていない非網膜アイコンが小さすぎます。*2.pngに18x18と36x36を使用しています。これを修正する方法はありますか？

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