Citation :On va décrier les sites qui proposent des sheets différentes en fonction des supports, mais c'est la solution assurée pour certaines interfaces qui doivent juste être totalement repensées pour l'expérience utilisateur plutôt que pour les chevilles du designer. Je pense que certains jeux entreront dans cette catégorie. Quand y'a des milliers de lignes responsive autant charger une sheet différente.

(13-06-2014, 11:40 AM)@lucard a écrit : Effectivement, je n'avais même pas pensé à cela. le fait de changer de sheet en fonction du support... mais dans ce cas, n'y a-t il pas autant de lignes à faire ? (si ce n'est qu'elles sont réparties sur plusieurs sheets ?)

(17-06-2014, 04:09 PM)stefde3 a écrit : Après rien ne t'empêche pour les dimensions d'image de les définir dans une div définie en % et tu donne à ton image un width de 95% centrée ou 100% de la div et ton height en auto ainsi selon la largeur affichée, la hauteur se réglera automatiquement au ratio de la largeur.

(17-06-2014, 10:13 PM)stefde3 a écrit : [...] solution en JS [...]et en fonction[...]faire une condition en PHP [...]

@media screen and (max-width: 640px)

{ div.img1

   {

   height:300px;

   width:200px;

   display:block;

   background: url(toto200x300.jpg) 0 0 no-repat;

   background-size:cover;

   }

}



@media screen and (min-width: 640px)

{ div.img1

   {

   height:600px;

   width:400px;

   display:block;

   background: url(toto400x600.jpg) 0 0 no-repat;

   background-size:cover;

   }

}