Choix affichage écran pc ou smartphone
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 !
3 réponses
-
ModérateurTu peux regarder pour rendre ton site "responsive design" .
-
ModérateurBonjour,
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 %.-
-
@jordane45Je comprends pas trop ce qu'est bootstrap !?
Un logiciel à placer à la racine du site, ou une aide pour réécrire le css ? -
Modérateur@t671Bootstrap 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
-
