Image qui se redimentionne...

Bonjour,

je viens de tomber sur un site particulier :

http://goo.gl/eQzRN

Sur la page d'accueil, l'image se redimensionne si on modifie la taille du navigateur... une idée sur la technique utilisée ?

Ensuite, le site change d'aspect si on fait une toute petite fenêtre (style taille d'un iPhone). Le site semble passer en mode mobile (je n'ai pas de trucPhone pour tester si le rendu est vraiment "mobile"). Il s'agirait donc d'une feuille css pour mobile mais qui fonctionnerait aussi sur un navigateur ? Moi quand je fais une feuille css pour mobile, je ne peux voir le rendu que sur un mobile (ou un simulateur) et non directement sur mon navigateur...
Modifié par Newzic (30 Nov 2011 - 15:35)

Les media queries bien sûr .
Un autre lien que celui de mob: Responsive web design
Modifié par jmlapam (30 Nov 2011 - 19:12)

Hello

Newzic a écrit :
Sur la page d'accueil, l'image se redimensionne si on modifie la taille du navigateur... une idée sur la technique utilisée ?

L'image par contre est dimensionnée en JS, avec un truc de ce genre là (voir la méthode jQuery): Perfect Full Page Background Image (en Anglais). Le même rendu pourrait-être obtenu en CSS3 avec background-size.