1485 sujets

Web Mobile et responsive web design

bonjour à tous,

sur safari mobile, la hauteur d'écran disponible est largement entamée par la barre des boutons, la barre d'url et la barre de status : ces trois barres représentent au total en mode portrait 124 pixels css, ce qui fait beaucoup sur des écrans qui ne disposent en mode portrait que de 480 pixels css, ce qui ne laisse au final que 356 pixels css de libres.
n'ayant pas eu l'occasion de tester d'autres navigateurs (j'ai pris les infos citées plus haut sur le site de safari), je voulais vous demander si il en était de même avec d'autres navigateurs mobile comme chrome, firefox, opera ?
ont-ils eux aussi par défaut autant de place de prise par des barres diverses ?

merci d'avance pour vos réponses.
Tu devrais jeter un coup d'oeil au Mobile Boilerplate ( http://html5boilerplate.com/mobile/ ),
si tu t'y connais pas trop voir le docs ici (https://github.com/h5bp/mobile-boilerplate/blob/v4.1.2/doc/js.md)
Il suffit d'utiliser la fonction MBP.hideUrlBarOnLoad(); qui permet de masquer la barre d'adresse.