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.
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
Vous devez vous connecter pour publier un commentaire.
Ceci est appelé le Responsive Web Design d'un site s'adapte selon la taille de l'écran...
Vous pouvez faire ce genre de site web réactif facilement grâce à CSS3 Media Queries:
Comment écrire du CSS Media Queries pour les types les plus courants des appareils
Responsive Web Design: Ce que C'est et Comment l'Utiliser
Si vous google pour Responsive Web Design, vous trouverez beaucoup plus d'informations sur ce sujet. C'est vraiment une incroyable méthode pour faire de votre site web sur tous les appareils petits et grands écrans.
OriginalL'auteur Shailender Arora
Nous avons une série de tutoriels sur la création de pages web en responsive web design. Si vous voulez une introduction rapide à la caisse Introduction: la Création d'un Responsive Web Design, il répertorie commune de téléphone mobile et tablette tailles, de sorte qu'il pourrait vous conduire à la réponse dont vous avez besoin. Vous pouvez trouver le lien de notre série de tutoriels dans l'article. Les solutions fournies utiliser Bootstrap afin de fournir facile de créer des pages. Et il fournit également des échantillons gratuits de responsive web design des pages.
J'espère que cela vous aide à fournir la réponse que vous avez besoin, si non, alors s'il vous plaît laissez-nous savoir si nous pouvons fournir une aide supplémentaire.
Ce qui concerne,
Arnel C.
InMotion Hosting Équipe De Soutien Communautaire
OriginalL'auteur ArnelC
Spécifier la largeur en pourcentage de la largeur=100%,qui ajuste automatiquement la largeur de l'écran.
OriginalL'auteur Chetan Gawai