2011-03-29 11 views
0

Je suis en train de développer une application web iphone/android simple en utilisant phonegap et j'ai de la difficulté à fournir des images haute résolution pour les nouveaux appareils Android. Je suppose que je peux utiliser les mêmes que je créé pour l'iphone 4. Ceux-ci sont conservés dans un fichier CSS séparé et sont contrôlés par la requête médias ci-dessous:Traiter des images haute résolution

media="only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)" 

Inside sont un tas de règles CSS comme :

.homepage-list li.about { background-image: url(../images/[email protected]); -webkit-background-size: 35px 35px; } 

Tant l'émulateur Android et un véritable appareil Android (HTC Desire HD) tout simplement pas afficher ces images, mais un iPhone 4 fait. Curieusement, si je modifie la règle ci-dessus et ajouter une bordure, cette bordure est affichée. Donc, la question des médias est comprise autant que je sache.

Je suis un peu perplexe pour les idées. Quelqu'un peut-il aider?

Merci d'avance!

+0

Quelle est la structure du dossier de votre application? c'est-à-dire où est le répertoire www, et l'index.html, et votre dossier d'images, etc. –

Répondre

1

Êtes-vous capable d'afficher d'autres images dans le même dossier?

Essayez de renommer l'image et ne comprennent pas de caractères « étranges » comme @

+0

ouais je peux afficher toutes les images de basse résolution (celles qui n'ont pas 2x à la fin). Je vais essayer de supprimer les caractères @ et voir ce qui se passe. – boz

+0

qui a fait l'affaire. Merci! – boz

Questions connexes