Css jQuery移动视网膜图标不显示

视网膜图标未显示非视网膜图标太小。我在*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;
    }
}

---

背景尺寸应为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;
}
}

---

@媒体屏幕和（-webkit min device pixel ratio:2）{//apply styles}这是否有效？我怀疑您使用的像素大小是否相同：视网膜大小是36x36，实际文件是否正确？非视网膜文件的大小应该是多少？是的，视网膜的实际图像大小应该是36x36，正常的应该是18x18。两者都应该在CSS中以18x18的背景大小指定。