Résolution page Web par rapport à la fenêtre

Fermé
koalatic Messages postés 330 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 11 août 2015 - Modifié par koalatic le 28/10/2012 à 06:04
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 - 30 oct. 2012 à 06:15
Bonsoir,
Je travaille avec un écran d'ordinateur 1920x1080. C'est bien jolie, mais imaginons qu'un visiteur possède qu'une résolution de 800x600. Le résultat qu'il obtiendra de mon site sera moche. C'est pourquoi j'aimerais savoir s'il existe un code pour redimensionner ma page internet par rapport au redimensionnement de la taille de la fenêtre internet.




Henry Frédéric
A voir également:

2 réponses

Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
30 oct. 2012 à 00:00
Bonsoir koalatic,
Si tu envoie une page Internet à une personne, tu peux demander à son ordinateur de te rendre les valeur max de son écran avec du JaveScript.
Après, pour les dimmensions, soit tu l'inclus dans ton fichier principal, soit tu fait appel à un fichier de mise en page qui ne concerne que ce type d'affichage
0
koalatic Messages postés 330 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 11 août 2015 21
30 oct. 2012 à 04:10
Votre réponse m'est plutôt vague puisque c'est ce que je demande en partant : ce que vous me dites.
Mais j'ai finnallement trouver la solution. J'ai du créer un code jquery externe permettant au chargement de la page de détecter la résolution de la fenêtre web. Le code est le suivant:
function redimensionnement(){var d=$("img.intelbg"),b=d.width(),a=d.height(),e=b/a,b=a/b,a=$(window).width(),c=$(window).height();a/c>=e?d.css({width:a+"px",height:Math.ceil(b*a)+"px",left:"0px",top:Math.abs(b*a-c)/-2+"px"}):d.css({width:Math.ceil(e*c)+"px",height:c+"px",top:"0px",left:Math.abs(e*c-a)/-2+"px"})}$(document).ready(function(){redimensionnement();$(window).resize(function(){redimensionnement()})});

Remarquez que j'ai utiliser Closure Compiler Service de Google pour alléger mon code.
À la deuxième ligne il est possible de voir le texte:" img.intelbg", c'est une classe css que j'utilise dans un fichier css pour ma page html.
0
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
30 oct. 2012 à 06:15
Le principal c'est d'y arriver ! Et vous l'avez fait. Super
0