2011-11-28 3 views
1

내 문제는 : 내가 망막 디스플레이와 함께 내 아이폰 4를 사용하면 아이콘 - 18-white.png에서 모든 아이콘을 볼 수 없습니다 (iPad 및 iPhone3GS 모든 것이 좋습니다).망막 디스플레이와 jquery 모바일 아이콘을 볼 수 없습니다

내가 브라우저 모두에서 PNG는 다음과 같은 설정으로 너무 괜찮 테스트 경우

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 240dpi) { 
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, 
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, 
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, 
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { 
background-image: url(images/icons-36-white.png); 
-moz-background-size: 776px 18px; 
-o-background-size: 776px 18px; 
-webkit-background-size: 776px 18px; 
background-size: 776px 18px; 
} 
.ui-icon-alt { 
background-image: url(images/icons-36-black.png); 
} 
} 

/* plus minus */ 
.ui-icon-plus { 
background-position: -0 50%; 
} 
.ui-icon-minus { 
background-position: -36px 50%; 
} 

/* delete/close */ 
.ui-icon-delete { 
background-position: -72px 50%; 
} 

/* arrows */ 
.ui-icon-arrow-r { 
background-position: -108px 50%; 
} 
.ui-icon-arrow-l { 
background-position: -144px 50%; 
} 
.ui-icon-arrow-u { 
background-position: -180px 50%; 
} 
.ui-icon-arrow-d { 
background-position: -216px 50%; 
} 

도움이 필요 - 감사합니다 사전에!

답변

0

[filename] @ 2x.png 형식의 추가 아이콘을 만들어야합니다. Andy Matthews' page은 매우 명확하게 설명합니다.

0

FYI ... 파일 이름은 @ 2x.png 일 필요는 없으며, 이는 iPhone 응용 프로그램에서 사용하는 방법과 같습니다. 나는 그 형식을 계속 사용하는 것이 좋은 생각이라고 생각했다.

0

jQuery Mobile CDN을 사용하는 것과 달리 로컬에서 가져온 jQuery Mobile 파일을 언급하는 경우 프로젝트에 모든 이미지 파일이 포함되어 있는지 확인하십시오. 고해상도 디스플레이의 경우 다른 스프라이트 이미지가 사용됩니다 (icons-18-white.png 대신 icons-36-white.png).

0

CDN 버전을 사용하여 동일한 문제가 발생했습니다. 나는 보통 PC에서 테스트했지만 MAC에서 내 IPad로 다른 것을 디버그해야했습니다. 그리고 그곳에서 내가 icons-36-white.png이 아니고 icons-18-white.png이 아니라는 것을 알았습니다. 그게 제가 PC에서 (앱의 매니 페스트 파일에서) 말한 것입니다.

오프라인으로 읽을 수있는 HTML5 앱을 만들 때 항상 두 파일에 대한 참조를 유지하십시오.

관련 문제