Établissement d'un site web en plein écran sur tous les appareils mobiles

J'essaie de trouver un moyen pour définir la taille de l'élément du corps d'un site web à la taille de l'écran. Sur un navigateur de bureau, c'est facile: width=height=100% mais sur un appareil mobile, il n'est pas si simple:

De nombreux périphérique par défaut pour certains le zoom initial-cadre qui essaie d'afficher des pages de façon optimale lisible à l'échelle. Pour Android, je peux désactiver cette fonction à la suite de <head>-tag:

<meta name="viewport" content="width=device-width, height=device-height, target-densitydpi=high-dpi, initial-scale=1.0>

Maintenant, réglage de la largeur du corps fonctionne comme prévu (sous Android). La hauteur est d'un tout autre problème, depuis le navigateur va alors définir ce que 100% des moyens basés sur l'actuel emplacement de la barre d'adresse. Donc, si votre page a été plus que visible et avait fait défiler tels que la barre d'adresse est hors de l'écran, réglage de la hauteur jusqu'à 100% a l'effet désiré. Mais dès que l'utilisateur déplace la page vers le bas pour exposer la barre d'adresse, la hauteur est mis à jour de sorte qu'il n'est plus possible de revenir en arrière dans l'autre sens.

Donc, pour les appareils mobiles, il semble que la seule façon de définir la hauteur du corps est correctement par le réglage à une taille de pixel au lieu de 100%. Mais la lecture de cet article sur toutes les différentes taille de mesures (de l'écran.hauteur de la fenêtre.outerheight, ...) me donne des frissons à propos de le faire fonctionner divers appareils:

Donc ma question:

Est-il fiable, meilleures pratiques de façon à atteindre le réglage de la taille de l'élément de corps sur des appareils mobiles tels que la page prend tout disponible sur l'écran de l'immobilier (y compris en poussant la barre d'adresse hors de l'écran), mais pas plus? Pour le crédit supplémentaire: cela Peut-il être fait, que l'utilisateur peut toujours faire un zoom avant (mais pas sur) sur la page?

Solutions, soit à l'aide de JavaScript ou CSS ou les deux sont tout à fait acceptable pour moi, mais ils doivent travailler à travers autant d'appareils que possible, au moins sur le bureau (IE6+, Opera, Chrome, Firefox, Safari) et sur les appareils mobiles (téléphones, tablettes, Android, iOS, Windows Mobile).

InformationsquelleAutor Markus A. | 2013-04-14