رسپانسیو دیزاین (Responsive Design)
CSS و طراحی ۰ بازدیدطراحی ریسپانسیو یعنی صفحه برای همه اندازه‌ها — موبایل تا مانیتور بزرگ — مناسب نمایش داده شود؛ با Media Query، واحدهای نسبی و چیدمان انعطاف‌پذیر. اصول آن Mobile First است: اول موبایل را طراحی کنید و بعد برای صفحات بزرگ‌تر جزئیات اضافه کنید.
مثال کاربردی
@media (min-width: 768px) { .cards { grid-template-columns: repeat(3, 1fr); } }
#CSS
#ریسپانسیو
#موبایل
شاید بپسندی — واژه‌های مرتبط
مدیا کوئری (Media Query)
CSS و طراحیمدیا کوئری شرط اعمال بلوک CSS بر اساس ویژگی دستگاه است؛ رایج‌ترینش عرض صفحه (min-width/max…
CSS
CSS و طراحیCSS زبان توصیف ظاهر صفحات وب است؛ رنگ، فونت، فاصله، چیدمان و انیمیشن همه با آن تعریف می‌شو…
RTL و راست‌چین‌سازی
CSS و طراحیصفت dir="rtl" روی تگ html چیدمان را راست‌به‌چپ می‌کند و ویژگی‌های منطقی CSS مثل margin-inl…
Tailwind CSS
CSS و طراحیتیلویند فریم‌ورک CSS مبتنی بر کلاس‌های کوچک آماده است؛ به‌جای نوشتن برگه استایل، کلاس‌ها ر…