Bagaimanakah Saya Boleh Dapatkan Lebar Peranti Pengguna, Bukan Lebar Viewport, dalam JavaScript?

Mengesan Lebar Peranti dalam JavaScript

Soalan:

Bagaimana kita boleh mendapatkan peranti pengguna lebar, berbeza daripada lebar port pandangan, menggunakan JavaScript?

Jawapan:

Pertanyaan media CSS menyediakan kaedah untuk ini menggunakan sifat lebar peranti maksimum. Walau bagaimanapun, apabila bekerja dengan pengikatan JavaScript, kami selalunya terhad untuk mengakses lebar viewport.

Penyelesaian Elegan:

Untuk menangani perkara ini secara elegan, kami boleh menggunakan skrin. sifat lebar untuk mendapatkan semula lebar skrin peranti. Dalam sesetengah keadaan, seperti apabila berurusan dengan penyemak imbas desktop yang saiz tetingkap mungkin berbeza daripada saiz skrin peranti, kami boleh menggunakan window.innerWidth sebaliknya.

Keserasian Merentas Platform:

Untuk penyelesaian menyeluruh yang berfungsi merentasi kedua-dua penyemak imbas mudah alih dan desktop, pertimbangkan perkara berikut:

var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

Ini memastikan bahawa kami memperoleh lebar peranti yang betul tanpa mengira konteks tontonan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Lebar Peranti Pengguna, Bukan Lebar Viewport, dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!