אתר רספונסיבי הינו אתר שהתצוגה בו מותאמת לדפדפן/מסך במכשיר של הגולש: מסכים רגילים, מסכי מגע (אייפד, טבלט, טלפון חכם) ועבור רזלוציות שונות. כאשר גולש מגיע לאתר רספונסיבי מהטלפון הנייד שלו למשל, אין לו צורך להגדיל ולהקטין את התצוגה על מנת לקרוא את התוכן.
המטרה היא לספק לגולש חוויית צפיה אופטימלית, נוחות קריאה וניווט, מבלי להזדקק להגדלת המסך או לבצע גלילה מיותרת.
דוגמא קלאסית להמחשת הרספונסיביות - תגובתיות - היא גלריית תמונות בה מוצגות לרוחב ארבע תמונות במסך גדול. במסך קטן יוצגו שתי תמונות או תמונה אחת בלבד לרוחב.
כיום, כאשר לפי הסטטיסטיקות העדכניות, לפחות חצי מהגולשים מגיעים לאתרים דרך טלפונים חכמים או טבלטים, חשוב מאוד להקים אתר אשר יודע להתאים את עצמו לכל סוגי המסכים והרזולוציות.
אתרים אשר נראים לא טוב / לא נוחים לשימוש, בטלפונים חכמים נתפסים בעיני הגולש כאתרים מיושנים ומטבע הדברים יזכו למספר גולשים נמוך יותר.
יותר מכך, גוגל נוטה ל"העניש" אתרים אשר אינם מותאמים לנייד (בגלל שחוויית הגלישה של הגולש נפגעת).
כאשר מתכננים היום אתר, צריך לקחת בחשבון גם כיצד הוא יראה בטלפון חכם או טבלט. יש לכך השפעה על עיצוב האתר משום שישנם עצובים אשר פחות מתאימים למסכים קטנים.
כאשר האתר מורכב מדי או משיקולים אחרים - טכניים, עיצוביים וכו' - ניתן להקים אתר נפרד מותאם לנייד.
הקטינו את חלון הדפדפן בדף זה על מנת להמחיש את הרספונסיביות של האתר.
תמונה זו ממחישה כיצד נראה אותו האתר/דף ברזולוציות שונות.
