Bagaimana untuk Menentukan Resolusi Skrin dengan JavaScript: Sifat Tetingkap dan Nisbah Piksel Peranti?

Menentukan Resolusi Skrin dengan JavaScript

Mengesan resolusi skrin dalam JavaScript adalah penting untuk menyesuaikan aplikasi web kepada saiz skrin yang pelbagai. Untuk mencapai matlamat ini, pelbagai kaedah wujud, masing-masing mempunyai keupayaan dan hadnya sendiri.

Properties Window.screen

Pendekatan yang biasa digunakan melibatkan penggunaan objek window.screen, yang menyediakan maklumat tentang hartanah skrin yang tersedia dan dimensi skrin mutlak. Sebagai contoh, untuk mendapatkan ketinggian dan lebar maksimum yang tersedia, anda boleh menggunakan:

<code class="js">window.screen.availHeight
window.screen.availWidth</code>

Untuk dimensi skrin mutlak, gunakan:

<code class="js">window.screen.height
window.screen.width</code>

Nisbah Piksel Peranti

Pada peranti mudah alih, adalah penting untuk mempertimbangkan nisbah piksel peranti untuk mendapatkan peleraian asli. Nisbah ini mendarabkan lebar dan ketinggian yang tersedia atau mutlak untuk menghasilkan peleraian asli:

<code class="js">window.screen.width * window.devicePixelRatio
window.screen.height * window.devicePixelRatio</code>

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Resolusi Skrin dengan JavaScript: Sifat Tetingkap dan Nisbah Piksel Peranti?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!