Gérer la résolution d'écran en CSS/PHP
Bonjour
Je développe un site pro, dont les utilisateurs sont normalement en 1280 mais parfois moins. J'ai trop d'informations a faire tenir pour les mettre dans une résolution inférieure (pour ceux qui vont me conseille de passer en résolution inférieure).
Je souhaite donc faire une feuille de style entièrement dynamique en php, qui prendrait comme arguments les résolutions horizontales et verticales.
Pour capter la résolution, je mixe php et javascript, mais je n'arrive pas à passer les arguments car je n'arrive pas à faire écrire dans le code html (seulement sur la page).
Si vous pouviez m'aider, merci beaucoup
Voici le code correspondant:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| Javascript
function resolX()
{
document.write(screen.width)
}
function resolY()
{
document.write(screen.height)
}
PHP
$resolX = "<script>resolX()</script>";
$resolY = "<script>resolY()</script>";
<link rel="stylesheet" type="text/css" href="./scripts/style.php?resolX=<?php echo $resolX ?>&resolY=<?php echo $resolY ?>" media="screen">
CSS
session_start();
$ratioX = $_GET['resolX']/1280;
$ratioY = $_GET['resolY']/1024;
div {
font-size:<?php echo 11*$ratioX;?>pt;
} |
