5568 sujets

Sémantique web et HTML

Occuper tout l'écran, sans déborder !

Bonjour à tous.

Pour un besoin particulier, je cherche à faire un site qui s'affichera dans tout l'écran, mais n'en sortira pas : je ne trouve pas le moyen. Mon idée de base est de récupérer les dimensions de l'écran (hauteur et largeur en pixels), puis de me débrouiller avec. Malheureusement, cela ne semble pas possible : toutes les évolution de HTML sont tournées vers le "responsive" - et je comprends que ce soit utile, par exemple pour les pages Google ou Wikipedia - mais il n'y a pas que ça dans la vie (même dans la vie du Web !)

Par exemple, si vous voulez développer un jeu, avec des zones sensibles (au doigt ou à la souris) réparties un peu partout, il n'y a pas intéret à devoir, en plus, jongler avec les ascenseurs. Y a-t-il une solution ? J'ai parcouru deux années de messages sur ce forum : j'ai rien vu.

Alors, merci à qui pourra m'aider.

AMIcalement.
Modérateur
Bonjour,

Plusieurs manières de faire.

Par exemple, on peut utiliser les unités vh et vw.
Exemple:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=yes">
<style>
body {
	margin: 0;
	padding: 0;
}
div.wrapper {
	height: 100vh;
	width: 100vw;
	background: red;
}
</style>
</head>
<body>
<div class="wrapper">
</div>
</body>
</html>


Amicalement,
Sujet clos
Aller à