Résolution page Web par rapport à la fenêtre
koalatic
Messages postés
330
Date d'inscription
Statut
Membre
Dernière intervention
-
Heliotte Messages postés 1491 Date d'inscription Statut Membre Dernière intervention -
Heliotte Messages postés 1491 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Résolution page Web par rapport à la fenêtre
- Web office - Guide
- Supprimer page word - Guide
- Comment traduire une page web - Guide
- Capture page web - Guide
- Création page web - Guide
2 réponses
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
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
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:
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.
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.