Saya sedang membuat projek. Saya sedang mengklonkan tapak web Make My Trip
https://www.makemytrip.com/
Laman web ini kelihatan berbeza pada komputer riba dan mudah alih, maksud saya berbeza sama sekali. Jadi bagaimana kita melaksanakan fungsi sedemikian.
Ini adalah pandangan pada komputer riba
Tapak web yang sama pada telefon anda
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jawapan komprehensif bergantung kepada banyak faktor yang masih belum didedahkan. Contohnya adakah anda menggunakan bahasa sebelah pelayan seperti PHP dan adakah semua/kebanyakan halaman berbeza?
Mengesan sama ada tapak web berjalan pada peranti mudah alih bukanlah mudah.
Satu penyelesaian ialah
Mempunyai halaman indeks yang sama, gunakan JavaScript untuk mendapatkan saiz skrin dan gunakan Ajax untuk memuatkan halaman peranti mudah alih sebenar atau halaman desktop
Tambah butang/pautan ke halaman yang membolehkan pengguna bertukar antara mudah alih dan desktop dan menyimpan pilihan dalam kuki/sesi.
Pilihan lain
Saya telah melihat beberapa laman web melakukan perkara ini. Versi mudah alih sentiasa tersedia secara lalai dan membenarkan pengguna bertukar kepada mod desktop. Andaian di sini ialah lebih ramai orang menggunakan peranti mudah alih, jadi tetapan lalai akan betul untuk kebanyakan orang dan menunjukkan halaman yang lebih kecil pada desktop tidaklah seteruk memaparkan halaman yang lebih besar pada mudah alih .