Box-sizing: border-box ! comment le gérer ?
Résolu
kisscool387
Messages postés
260
Date d'inscription
Statut
Membre
Dernière intervention
-
kisscool387 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
kisscool387 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un jeu sur mon site qui utilise les flèches droite et gauche du clavier.
dans le CSS du jeu, j'ai :
Ca permet d'empêcher le scroll du site de se déplacer lors de l'utilisation des flèches du clavier pour jouer.
Le seul problème, c'est que ça me déforme aussi toutes les images de la page, mais si je l'enlève, c'est impossible de jouer, car le scroll du site se déplace en même temps que l'on joue.
Quelqu'un connaîtrait-il une alternative de "box-sizing" ou n'importe quoi d'autre qui pourrai empêcher le déplacement horizontal du scroll du site sans avoir de répercutions sur les dimensions des images présente sur la page ?
Je remercie d'avance ceux qui aurons pris le temps de me lire, et ceux qui m'offrirons leur aide.
J'ai un jeu sur mon site qui utilise les flèches droite et gauche du clavier.
dans le CSS du jeu, j'ai :
*{box-sizing: border-box;}
Ca permet d'empêcher le scroll du site de se déplacer lors de l'utilisation des flèches du clavier pour jouer.
Le seul problème, c'est que ça me déforme aussi toutes les images de la page, mais si je l'enlève, c'est impossible de jouer, car le scroll du site se déplace en même temps que l'on joue.
Quelqu'un connaîtrait-il une alternative de "box-sizing" ou n'importe quoi d'autre qui pourrai empêcher le déplacement horizontal du scroll du site sans avoir de répercutions sur les dimensions des images présente sur la page ?
Je remercie d'avance ceux qui aurons pris le temps de me lire, et ceux qui m'offrirons leur aide.
A voir également:
- Box-sizing: border-box ! comment le gérer ?
- Set-top box - Accueil - Box & Connexion Internet
- Adresse ip box - Guide
- Tera box - Télécharger - Stockage
- Box internet - Accueil - Guide box et connexion Internet
- Box allumé mais pas internet - Guide
2 réponses
essaie de mettre le jeux dans un div avec une id ou une classe
applique le box-sizing uniquement a cette div
--
applique le box-sizing uniquement a cette div
--
Merci pour ta réponse, mais j'ai déjà essayé, et du coup ça ne bloque plus le scroll du site.
La seul solution que j'ai trouvé c'est de mettre les dimensions du site à 100% au lieu de les définir en pixels, mais comme mon jeu est un plugin que j'ai réalisé pour un CMS, il suffit que quelqu'un veule l'utilisé avec un site dimensionné en pixels, et il aura le même problème du scroll qui bouge.
Mais c'est pas grave, je pense que il n'y a pas d'autre solution.
Je vais donc faire avec.
Merci.
La seul solution que j'ai trouvé c'est de mettre les dimensions du site à 100% au lieu de les définir en pixels, mais comme mon jeu est un plugin que j'ai réalisé pour un CMS, il suffit que quelqu'un veule l'utilisé avec un site dimensionné en pixels, et il aura le même problème du scroll qui bouge.
Mais c'est pas grave, je pense que il n'y a pas d'autre solution.
Je vais donc faire avec.
Merci.