נפתרה: אם רוחב מסך

הבעיה העיקרית הקשורה לרוחב המסך היא שיכול להיות קשה ליצור פריסות שנראות טוב בכל המכשירים. לדוגמה, אם אתה רוצה פריסה שנראית טוב במחשב שולחני, ייתכן שהיא לא תיראה טוב בטלפון או בטאבלט.

 is less than 768px

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

הקוד הזה בודק אם רוחב המסך קטן מ-768 פיקסלים. אם כן, הוא יבצע את הקוד בתוך הסוגרים המתולתלים.

מאפייני מסך JavaScript

ב-JavaScript, משתמשים במאפייני מסך כדי לקבל מידע על המסך הנוכחי. ניתן לגשת למאפייני מסך באמצעות המאפיין window.screen. הטבלה הבאה מפרטת את מאפייני המסך הנפוצים ביותר ב-JavaScript.

תיאור מאפיין מסך

window.screen.width רוחב המסך הנוכחי בפיקסלים.

window.screen.height גובה המסך הנוכחי בפיקסלים.

window.screen.depth עומק המסך הנוכחי בפיקסלים (0 = משטח, 1 = מפת סיביות).

סוג מסך עם JavaScript

סוג המסך הוא javascript.