با استفاده از قانون @viewport در CSS و واحدهای نسبی، عرض دید را برای نمایش صحیح در موبایل تنظیم کنید و یک صفحه ساده را قابل واکنش بسازید.

برای حل این مسئله از قانون @viewport (و نسخه‌های با پیش‌شماره مانند @-ms-viewport) استفاده کنید تا مشخص کنید عرض viewport برابر device-width و مقیاس اولیه برابر 1 باشد، سپس با استفاده از واحدهای نسبی (٪، vw، rem) و رسانه‌پرس‌کوئری‌ها (مثلاً @media (max-width: 600px)) عناصر را بازچینش دهید. توجه داشته باشید که پشتیبانی از @viewport محدود است؛ بنابراین بهتر است هم‌زمان در HTML تگ meta viewport را اضافه کنید و برای تصاویر و جداول از max-width:100% و box-sizing:border-box استفاده کنید تا رفتار واکنش‌گرا پایدارتر باشد. تست در شبیه‌سازها و دستگاه‌های واقعی، و پرهیز از عرض‌های ثابت از نکات کلیدی است.