نمونه سایت ریسپانسیو

محتوای این صفحه بر اساس عرض نمایشگر شما تغییر شکل می‌دهد و عناصر آن جابجا می‌شوند. وبسایت‌های ریسپانسیو یا واکنش‌گرا سایت‌هایی هستند که عرض مشخصی ندارند و در تمام مرورگرها بدون توجه به ابعاد صفحه و وضوح صفحه نمایش، شکل قابل استفاده‌ای به خود می‌گیرند تا مخاطبان بدون نیاز به بزرگنمایی یا کوچک‌نمایی صفحه بتوانند از آن استفاده کنند.

ستون‌های واکنش‌گرا

در ادامه ۴ جعبه مشاهده می‌کنید که بر اساس عرض صفحه‌ی شما تغییر اندازه می‌دهند. اگر از مرورگر موبایل استفاده کنید، در هر ردیف یک ستون مشاهده می‌کنید و اگر این صفحه را روی لپ‌تاپ باز کنید، چهار ستون در کنار هم مشاهده خواهید کرد. در تبلت‌ها هم ممکن است ۱ یا دو ستون در کنار هم دیده شوند.

جعبه ۱
جعبه ۲
جعبه ۳
جعبه ۴

راهنمای این صفحه