Choix affichage écran pc ou smartphone
t671
Messages postés
1476
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'ai un site internet qui s'affiche très bien sur smartphone.
J'en ai un deuxième où il faut que je mette le smartphone en position horizontale pour l'afficher correctement. Cela car le menu du deuxième est différent du premier.
Ça m'embête de modifier le menu du deuxième car l'affichage sur pc me plait.
Existe t'il avec un script de détection de l’agent utilisateur (pc ou smartphone) qui redirige vers une version adaptée d'affichage du menu ? Ainsi, si le site s'affiche sur pc, j'utilise le menu A, et si le site s'affiche sur smartphone, j'utilise le menu B.
Merci pour vos réponses !
J'ai un site internet qui s'affiche très bien sur smartphone.
J'en ai un deuxième où il faut que je mette le smartphone en position horizontale pour l'afficher correctement. Cela car le menu du deuxième est différent du premier.
Ça m'embête de modifier le menu du deuxième car l'affichage sur pc me plait.
Existe t'il avec un script de détection de l’agent utilisateur (pc ou smartphone) qui redirige vers une version adaptée d'affichage du menu ? Ainsi, si le site s'affiche sur pc, j'utilise le menu A, et si le site s'affiche sur smartphone, j'utilise le menu B.
Merci pour vos réponses !
A voir également:
- Choix affichage écran pc ou smartphone
- Double ecran pc - Guide
- Retourner ecran pc - Guide
- Reinitialiser pc - Guide
- Test performance pc - Guide
- Pc lent - Guide
3 réponses
Bonjour,
Comme te l'a indiqué Nhenry.. il serait préférable de rendre ton site "responsive" .
Cela permet qu'il s'affiche à coup sûr correctement sur tous les périphériques.
Maintenant..; si tu tiens absolument à avoir deux sites déifférents en fonctions du device..
tu peux le gérer ..
Soit en Javascript, par exemple avec
http://hgoebl.github.io/mobile-detect.js/
Soit en PHP avec
http://mobiledetect.net/
Bien entendu.. je suis parti du principe que tu as codé ton site en php.... vu que tu n'indiques pas le langage utilisé....
Quoi qu'il en soit, quelque soit le langage que tu utilises, tu trouveras des milliers de codes/exemples/tutos à ce sujet sur le net....
Il faut juste prendre la peine de chercher au moins 30 secondes...
Bonne soirée.
Comme te l'a indiqué Nhenry.. il serait préférable de rendre ton site "responsive" .
Cela permet qu'il s'affiche à coup sûr correctement sur tous les périphériques.
Maintenant..; si tu tiens absolument à avoir deux sites déifférents en fonctions du device..
tu peux le gérer ..
Soit en Javascript, par exemple avec
http://hgoebl.github.io/mobile-detect.js/
Soit en PHP avec
http://mobiledetect.net/
Bien entendu.. je suis parti du principe que tu as codé ton site en php.... vu que tu n'indiques pas le langage utilisé....
Quoi qu'il en soit, quelque soit le langage que tu utilises, tu trouveras des milliers de codes/exemples/tutos à ce sujet sur le net....
Il faut juste prendre la peine de chercher au moins 30 secondes...
Bonne soirée.
Merci à vous ! Je vais voir cela de plus prêt !!!!!
Je pense que la première chose à faire est de définir les dimensions en %.
Je pense que la première chose à faire est de définir les dimensions en %.
Bootstrap est un ensemble de script ( Javascript et CSS) qui permet de créer facilement des sites responsive
https://getbootstrap.com/docs/4.3/getting-started/introduction/
cela t'obligera à réécrire le code de tes pages bien entendu afin que la structure html soit adaptée à l'utilisation de ces fonctions.
Tu trouveras de nombreux exemples dans la documentation officielle
https://getbootstrap.com/docs/4.0/examples/
ou ailleurs sur le web
https://www.w3schools.com/bootstrap/bootstrap_examples.asp
https://getbootstrap.com/docs/4.3/getting-started/introduction/
cela t'obligera à réécrire le code de tes pages bien entendu afin que la structure html soit adaptée à l'utilisation de ces fonctions.
Tu trouveras de nombreux exemples dans la documentation officielle
https://getbootstrap.com/docs/4.0/examples/
ou ailleurs sur le web
https://www.w3schools.com/bootstrap/bootstrap_examples.asp