แก้ไขแล้ว: ถ้าความกว้างของหน้าจอ

ปัญหาหลักเกี่ยวกับความกว้างของหน้าจอคือการสร้างเลย์เอาต์ที่ดูดีในทุกอุปกรณ์อาจเป็นเรื่องยาก ตัวอย่างเช่น หากคุณต้องการเลย์เอาต์ที่ดูดีบนคอมพิวเตอร์เดสก์ท็อป เลย์เอาต์นั้นอาจดูไม่ดีเท่าบนโทรศัพท์หรือแท็บเล็ต

 is less than 768px

if (screen.width < 768) {
    // do something
}

รหัสนี้กำลังตรวจสอบว่าความกว้างของหน้าจอน้อยกว่า 768px หรือไม่ ถ้าเป็นเช่นนั้น มันจะรันโค้ดภายในวงเล็บปีกกา

คุณสมบัติหน้าจอ JavaScript

ใน JavaScript คุณสมบัติหน้าจอจะใช้เพื่อรับข้อมูลเกี่ยวกับหน้าจอปัจจุบัน คุณสมบัติหน้าจอสามารถเข้าถึงได้โดยใช้คุณสมบัติ window.screen ตารางต่อไปนี้แสดงคุณสมบัติของหน้าจอทั่วไปใน JavaScript

คำอธิบายคุณสมบัติของหน้าจอ

window.screen.width ความกว้างของหน้าจอปัจจุบันเป็นพิกเซล

window.screen.height ความสูงของหน้าจอปัจจุบันเป็นพิกเซล

window.screen.degree ความลึกของหน้าจอปัจจุบันเป็นพิกเซล (0 = พื้นผิว, 1 = บิตแมป)

ประเภทของหน้าจอด้วย JavaScript

ประเภทของหน้าจอเป็นจาวาสคริปต์