Bagaimanakah js mengawal gaya paparan kawalan dengan menentukan sama ada permintaan akses datang daripada peranti mudah alih?

Question

Salam semua.
Saya seorang pemula dalam pembangunan bahagian hadapan baru-baru ini saya belajar membuat tapak web yang sangat jelek, yang digunakan terutamanya untuk memuat turun video Weibo, video Miaopai, dsb.

Fungsi yang ingin saya capai ialah: pada semua halaman laman web ini untuk memuat turun video Weibo dan video Miaopai, jika diakses dari PC, bar menu di sebelah kiri akan dipaparkan, iaitu col-md-3 Untuk Android, iPhone , dsb. Akses mudah alih tidak memaparkan bar menu col-md-3 di sebelah kiri, tetapi hanya memaparkan bahagian col-md-9 di sebelah kanan.

Pada asasnya saya telah melaksanakan fungsi ini sekarang, menggunakan fungsi window.onload Secara lalai, col-md-9 ditetapkan untuk memaparkan:none Dalam fungsi onload, jika ia ditentukan sebagai permintaan sebelah PC, col-. md-3 ditetapkan Ini akan menyebabkan halaman dipaparkan dahulu apabila diakses pada PC, dan kemudian skrin akan berkelip dan kemudian menu col-md-3 akan muncul. Maafkan saya, warga emas, adakah cara untuk mencapai fungsi saya ini di bawah satu URL (tanpa membezakan antara mudah alih dan PC) tanpa hasil skrin berkelip-kelip semasa?

Saya telah mencuba semua kaedah dalam talian, tetapi pada asasnya ia tidak menyelesaikan masalah saya.

Terima kasih semua!

Answer 1

Dengan bootstrap, anda tidak perlu menulis ini secara manual

https://jsfiddle.net/straybug...

Ditulis begini, kalau rasa nak laraskan saiz, tekan xs -> sm ->

Answer 2

Beberapa kaedah

1. Tulis bahagian onload ini ke bahagian atas halaman.

2. Buat penghakiman ini di pelayan

3. Gunakan pertanyaan media untuk menulis gaya berdasarkan peleraian skrin.