Hello,
ça fait des heures que je cherche comment conserver l'aspect-ratio d'une div lors d'un redimensionnement de la fen^^etre du navigateur. (Ce qui revient à s'assurer de son bon affichage quelque soit les résolutions d'écran)
En gros ce que j'essaie de faire, c'est une div 16/9 centrée au milieu de la page à résolution dynamique, qui conserverait son aspect 16/9 quoi qu'il arrive !
J'ai récupéré ce petit morceau de code jquery mais j'ai l'impression qu'il ne fonctionne que sur la totalité de la fenetre et pas une div particulière
HELP !
Modifié par JimmyWJimmy (12 Apr 2011 - 21:56)
ça fait des heures que je cherche comment conserver l'aspect-ratio d'une div lors d'un redimensionnement de la fen^^etre du navigateur. (Ce qui revient à s'assurer de son bon affichage quelque soit les résolutions d'écran)
En gros ce que j'essaie de faire, c'est une div 16/9 centrée au milieu de la page à résolution dynamique, qui conserverait son aspect 16/9 quoi qu'il arrive !
J'ai récupéré ce petit morceau de code jquery mais j'ai l'impression qu'il ne fonctionne que sur la totalité de la fenetre et pas une div particulière
var height = originalHeight;
var width = originalWidth;
aspect = width / height;
if($(window).height() < $(window).width()) {
var resizedHeight = $(window).height();
var resizedWidth = resizedHeight * aspect;
}
else { // screen width is smaller than height (mobile, etc)
var resizedWidth = $(window).width();
var resizedHeight = resizedWidth / aspect;
}HELP !
Modifié par JimmyWJimmy (12 Apr 2011 - 21:56)