Bagaimanakah js mengawal gaya paparan kawalan dengan menentukan sama ada permintaan akses datang daripada peranti mudah alih?
漂亮男人
漂亮男人 2017-05-19 10:25:08
0
2
488

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!

漂亮男人
漂亮男人

membalas semua(2)
阿神

Dengan bootstrap, anda tidak perlu menulis ini secara manual

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

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

Ty80

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan