jQuery Mobile視網膜圖標不顯示

視網膜圖標不顯示非視網膜圖標太小。我使用18x18和36x36的* 2.png。任何想法如何解決這個問題？jQuery Mobile視網膜圖標不顯示

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

來源

2012-06-08 acctman

@media屏幕和（-webkit分鐘設備像素比：2）{//應用樣式}工作的呢？ – uday

另外我懷疑你使用的像素大小，請參閱http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/ TP40006556-CH14 – uday

相同：http://stackoverflow.com/q/10902206/190695 –

背景大小應爲18×18

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

來源

2012-06-09 08:37:50

視網膜大小是36x36正確的實際文件？非視網膜文件大小應該是多少？ – acctman

是的，實際圖像的大小應爲36x36視網膜和18x18正常。兩者都應該在CSS中指定爲背景大小爲18x18。 –

jQuery Mobile視網膜圖標不顯示

回答

相關問題