Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Dapatkan Lebar Peranti Pengguna, Bukan Lebar Viewport, dalam JavaScript?

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

Barbara Streisand
Barbara Streisandasal
2024-12-01 13:11:11447semak imbas

How Can I Get the User's Device Width, Not Viewport Width, in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn