Pour connaître la résolution de l'écran utilisé lors de l'affichage d'une page web, il faut utiliser les propriétés Javascript :

  • screen.width (largeur)
  • screen.height (hauteur)

Si vous souhaitez connaitre cette résolution côté serveur (par exemple PHP), il faudra rediriger vos client sur une 2eme page en passant les paramètres, c'est ce que propose commentcamarche.net

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Résolution</title>
</head>
 
<body>
 
<?php
if(!isset($_GET['r']))
{
echo "<script language=\"javascript\">
<!-- 
document.location=\"$PHP_SELF?r=1&Largeur=\"+screen.width+\"&Hauteur=\"+screen.height;
//-->
</script>";
}
else {    
 
// Code à afficher en cas de détection de la résolution d'affichage
     if(isset($_GET['Largeur']) && isset($_GET['Hauteur'])) {
               // Résolution détectée
     }
     else {
               // Résolution non détectée
     }
?>
 
<script type="text/javascript">
<!--
alert('Votre résolution est de '+screen.width+'x'+screen.height);
document.write('<br>Votre résolution est de '+screen.width+'x'+screen.height);
//-->
</script>	 
 
<?php 
}
 
?>
 
</body>
</html>