Jadi klien saya menemukan navbar responsif yang tampak bagus ini di codepen dan ingin menggunakannya di situs web mereka. Saya memutuskan untuk melakukan tes dengan mengunduhnya dan meletakkannya di halaman pengujian di domain sendiri .

Sebelum melompat ke depan, saya mengunduh file dan mengujinya di domain saya sendiri dan beberapa masalah muncul. Ini bekerja dengan sangat baik di komputer. Ketika jendela direntangkan ke layar penuh, itu diatur untuk mendaki menu horizontal dan ketika saya mengecilkan layar, itu menjadi menu drop-down. Namun ketika dilihat pada ponsel yang sebenarnya menu masih muncul sebagai menu horizontal. masukkan deskripsi gambar di sini javascript html css navbar responsive

-1
Ethan Fleming 22 April 2020, 21:48

1 menjawab

Jawaban Terbaik

Ini terdengar seperti masalah viewport. Di <head> halaman HTML Anda, coba tambahkan kode berikut:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Ponsel umumnya mencoba untuk menyesuaikan halaman lebar komputer normal ke layar ponsel, jadi mereka harus diberitahu untuk menampilkan situs web dalam skala sebenarnya!

1
Run_Script 22 April 2020, 18:54