Comment rendre le mobile de la page de les adapter à l'écran une fois ouvert?

J'ai besoin de mettre ensemble site web pour les appareils mobiles, de sorte que les iPhones et les différents androïdes. Le problème est que j'ai du mal avec l'obtention de droit de la fenêtre d'affichage et d'autres paramètres. Mon objectif est donc de la page web serait codé pour la largeur par exemple 640px de large. Ensuite, une fois ouvert, l'appareil serait un zoom in/out à la largeur de l'écran, donc tout est devenu plus grand ou plus petit même après zoomig in/out via le pincement sur l'écran de l'appareil.

Donc, je tiens à le développer pour permet de dire 640px de largeur et selon l'appareil, il sera mise à l'échelle vers le haut ou vers le bas une fois ouvert. Donc si l'écran de l'appareil serait 960px de large, il serait automatiquement l'échelle de cette largeur via la fenêtre d'affichage en quelque sorte. Est-ce possible de l'avoir codé pour prédéfinis largeur en css et avez fait un zoom avant/arrière tant que de besoin par le dispositif lui-même?

Je m'excuse si la question est trop générique, vous expliquera les détails si nécessaire.

EDIT:
Donc, l'approche la plus commune, si je comprends bien est de fournir quelques disposition des versions pour la plupart des communes de taille d'écran? En utilisant les media queries css des valeurs différentes pour les largeurs, les tailles de polices, etc est-ce que le droit?

Si je décide néanmoins d'aller avec des pourcentages plutôt que des requêtes de média, compte tenu de la conception à condition que je pense encore aurait un problème avec le redimensionnement des polices mise en page a des images avec du texte et le texte doit être proportionnelle à l'image. Aussi les pourcentages prendrait soin de largeurs, la hauteur peut être un problème si, comme les images doivent être redimensionnées à la verticale. Certaines parties de la conception, on aurait besoin de "tenir" les uns des autres, il semble, et il allait devenir un problème, je pense.

Maintenant, si j'ai tout simplement construire un site web d'une certaine largeur, permet de dire 640px je devrais être en mesure de positionner le tout sur l'écran avec des pixels, pas de diffeent de normal, non-site web mobile.

J'ai donc essayé de mettre en <meta name="viewport" content="width=640"> et à l'intérieur d'un ensemble de pages la largeur de la plus large récipient en css à 640px de prise de la largeur de la page 640px de coeur. Si je comprends bien il va mettre en place de fenêtre d'affichage à la largeur exacte de la page. Donc, la page serait de construire comme toute autre non-mobile de la page web. L'utilisateur devra régler l'échelle de pousser, comme lors de l'ouverture de la page, il est généralement un zoom avant/arrière pour une raison quelconque. Est ma compréhension de ce qui se passe ici correct ou est-il un problème avec elle. Avoir la taille prédéfinie prend soin de mobiles différentes tailles d'écran comme fenêtre d'affichage est toujours la même, s'inscrit dans la largeur de la page et seulement échelle semble que le problème, c'est-à moins que je me manque quelque chose ici.

J'ai également mentionné que j'ai besoin de ne faire que du portrait et de le rendre seule option, donc pas de mode paysage (c'est une autre question).

Aimerais savoir vos pensées et j'apprécie toutes les réponses jusqu'à présent.

savez-vous à propos de CSS3 Media Queries vous pouvez atteindre le résultat souhaité par le biais de cette option....
mais alors, n'aurais-je pas avoir à créer des css avec des largeurs etc pour différents périphériques? Je voudrais éviter si possible
non sans que pas possible, vous aurez à utiliser CSS3 Media Queries si vous voulez afficher votre site web en fonction de différents appareils mobiles.....

OriginalL'auteur spirytus | 2013-06-21