Définir la taille du corps en CSS?

Je viens de créer un thème lockscreen pour mon iPhone. Cela fonctionne, mais pour une raison quelconque, je ne peux pas supprimer l'espace de fond noir du corps, c'est-à-dire redimensionner le corps le long du bord droit et inférieur de l'écran de verrouillage. J'ai créé un petit diaporama pour obtenir le .. .Définir la taille du corps en CSS?

Voici le code HTML et le code CSS complets. Notez que j'ajouté de nombreuses propriétés « de 0px » inutiles juste pour voir si elles feraient une différence:

<body> 
<div id="background"> 
<img src="LockBackground.jpg" width="320" height="480"> 
</div> 

<div id="labels"> 
    <div id="clock">//e.g. 6:12 AM 
    </div> 
    <div id="day">//e.g. Sunday 
    </div> 
    <div id="date">//e.g. 5 Aug 
    </div> 
</div> 
</body>

CSS:

*{ margin: 0px; padding: 0px; border: 0px; } 
    body { background-color: #000; border: 0px; margin: 0px; padding: 0px; position: absolute; font-family: Helvetica Neue; font-size: 50px; color: #fff; width: 320px; } 
    img { border: 0px; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 320px; z-index: 0; } 
    #labels { position: absolute; width: 290px; top: 50%; margin: -0.7em 0 0 30px; } 
    #day { line-height: 0.8; } 
    #date { position: absolute; margin-top: 18px; line-height: 0.6; }

Source

2011-12-17 Daan

Il est difficile de voir exactement ce qui est hors de propos sans savoir à quoi cela devrait ressembler – annonymously

Est-ce que LockBackground.jpg est l'image de la ville? – annonymously

aussi, j'ai d'abord remarqué que vous n'avez pas de css accroché au div "background" – annonymously

Certes, vous avez juste besoin body {width:100%; height:100%;}.

Cela peut être plus complexe que cela, mais je ne vois pas pourquoi.

Vous pouvez également essayer img {width:100%; height:100%;}.

Source

2011-12-20 12:27:09 ACarter

Merci pour votre réponse. J'ai remarqué que le problème est que la mauvaise taille de l'écran est détectée, donc quand je mets le img et le corps à 100%, cela va étirer le lockscreen au-delà des bords de l'écran. Savez-vous comment résoudre ce problème? – Daan

Vous pouvez soit: 1. Tester et erreur. Continuez à ajuster le pourcentage d'âge jusqu'à ce qu'il soit parfait. 2. Utilisez Javascript pour définir la taille. C'est probablement la meilleure option si vous allez l'utiliser sur n'importe quoi en dehors de votre iPhone. Si vous n'utilisez qu'un seul iPhone, l'option 1 le chargera plus rapidement et sera plus fluide. Si vous choisissez 2, je peux construire ce code si vous le souhaitez, il suffit de demander. – ACarter

Définir la taille du corps en CSS?

Répondre

Questions connexes