<div> s'adapte à l'écran tout en conservant son ratio

Bonjour,

j'aimerais faire un site responsive de sorte que les éléments conservent leur ratio en changeant de dimension; en html5, j'ai pas trouvé de solution, donc peut-être avec un script python intégré dans la page html.......

voici le problème:

j'ai un div tel que:

Code:

---

<div style="height:50%, width:50%">

---

si ma résolution d'écran fait 500x1000, le ratio sera 1/2 (j'ai un rectangle); mais si la résolution du visiteur est de 700x1000, le rapport des dimensions change, ça sera du 7/10. (il aura un rectangle)

Donc, les dimensions en pourcentage ne satisfont pas complètement une "responsivité".

Bonjour,

La solution efficace ne sera pas de recréer la page côté serveur mais plutôt que le client se charge de l'adapter à sa convenance selon ses paramètres de navigation/environnement.

Je pense qu'il vaudrait mieux le faire en JavaScript, c'est beaucoup plus adapté pour ce genre d'adaptation dynamique, surement couplé avec du CSS.