1485 sujets

Web Mobile et responsive web design

Bonjour,
Bien que ne travaillant pas dans le domaine de l'intégration web, je me suis lancé dans la création d'un site qui mettrait en oeuvre la technique du responsive design. Je viens de me rendre compte que Safari ne prend pas en compte la media query "@media screen and (max-width:320px)" de la feuille de style. Il s'arrête à "@media screen and (max-width:480px)". Avec Opera, aucun soucis. J'avais eu le même soucis avec FF, mais j'ai trouvé la solution en masquant la barre de navigation du navigateur. Par contre, avec Safari, je sèche. J'ai supprimé toutes les barres possibles, d'outils, de signets, etc... rien n'y fait, la dernière media query pris en compte est celle du (max-width:480px). Si cela peut servir, voici l'adresse du site : http://epidote.pagesperso-orange.fr/.
Merci pour cet élément de réponse,
Je travaille avec XP, et non avec 7. y aurait-il un lien ? Mais je suis aussi sous Ubuntu et là, FF affiche correctement le site avec la media query à 320px sans désactiver la barre de navigation. La nuance de largeur entre 480 et 320px étant mince, j'ai mis désormais un fond vert (pétard !) pour mieux identifier la largeur 320px. What else ?