Je travaille sur un projet. Je clone un site Web Make My Trip
https://www.makemytrip.com/
Ce site Web est différent sur ordinateur portable et mobile, je veux dire complètement différent. Alors, comment implémenter une telle fonction.
Voici la vue sur l'ordinateur portable
Le même site Web sur votre téléphone
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
La réponse complète dépend de nombreux facteurs qui n'ont pas encore été divulgués. Par exemple, utilisez-vous un langage côté serveur comme PHP et toutes les pages sont-elles différentes ?
Détecter si un site Web fonctionne sur des appareils mobiles n'est pas simple.
Une solution est
Ayez une page d'index commune, utilisez JavaScript pour obtenir la taille de l'écran et utilisez Ajax pour charger la vraie page de l'appareil mobile ou la page de bureau
Ajoutez un bouton/lien vers la page qui permet à l'utilisateur de basculer entre le mobile et le bureau et enregistrez la sélection dans un cookie/session.
Une autre option
J'ai vu certains sites Web faire cela. Une version mobile est toujours disponible par défaut et permet aux utilisateurs de passer en mode bureau. L'hypothèse ici est que davantage de personnes utilisent des appareils mobiles, donc le paramètre par défaut sera correct pour la plupart des gens, et afficher une page plus petite sur un ordinateur n'est pas aussi mauvais que d'afficher une page plus grande sur un mobile.