מה הרזולוציה של המסך שלי?

מה ההבדל בין רזולוציה לגודל חלון?

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

מה זה Device Pixel Ratio?

במסכי Retina ובטלפונים מודרניים כל "פיקסל CSS" מורכב מ‑2 או 3 פיקסלים פיזיים. אייפון עם רוחב 390px CSS מציג בפועל 1170 פיקסלים. לכן תמונות צריכות להיות כפולות בגודלן כדי להיראות חדות.

נקודות שבירה נפוצות

• מובייל: עד 640px
• טאבלט: 641–1024px
• מחשב: 1025px ומעלה