j'ai commencé un document Photoshop avec le réglage suivant:Pourquoi mes images trop grand pour iPhone
largeur: 640px
hauteur: 960px
Résolution: 326 pixels/pouce
Les images sont prises directement à partir ce fichier. J'utilise phonegap pour créer une application. Chaque fois que je le tester, il rend mon image beaucoup trop grande pour l'écran de l'iPhone. Je n'utilise pas de fenêtre ou je ne redimensionne rien. S'il vous plaît aider!
Certains d'entre vous demandaient mon code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="iphone.css" type="text/css" />
<!-- iPad/iPhone specific css below, add after your main css >
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
-->
<!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
</script>
</head>
<body onload="onBodyLoad()">
<div class="wrapper">
<img src="img/iPhone/Welcome.png" class="header" />
</div>
</body>
</html>
Ce n'est pas comme si je connaissais le casse-téléphone, mais afficher une capture d'écran ou un code source aiderait tout le monde ici, je suppose. –
Quelle est la taille finale des images que vous enregistrez? Le 326 Pixels par pouce peut être le problème - Photoshop peut stocker les fichiers avec une taille de pixel beaucoup plus grande à cause de cela –
essayez d'ajouter '@ 2x' à la fin du fichier. Exemple: 'supermegacoolpicture @ 2x.png' – Novarg