مدیا کوئری (Media Query)
CSS و طراحی ۲ بازدیدمدیا کوئری شرط اعمال بلوک CSS بر اساس ویژگی دستگاه است؛ رایج‌ترینش عرض صفحه (min-width/max-width). می‌توان بر اساس ترجیح تم تاریک (prefers-color-scheme) یا حتی نوع ورودی (hover) شرط گذاشت. نقطه‌های شکست استاندارد: ۶۴۰، ۷۶۸ و ۱۰۲۴ پیکسل.
مثال کاربردی
@media (max-width: 767px) { .menu { display: none; } }
#CSS
#ریسپانسیو
شاید بپسندی — واژه‌های مرتبط
رسپانسیو دیزاین (Responsive Design)
CSS و طراحیطراحی ریسپانسیو یعنی صفحه برای همه اندازه‌ها — موبایل تا مانیتور بزرگ — مناسب نمایش داده ش…
CSS
CSS و طراحیCSS زبان توصیف ظاهر صفحات وب است؛ رنگ، فونت، فاصله، چیدمان و انیمیشن همه با آن تعریف می‌شو…
RTL و راست‌چین‌سازی
CSS و طراحیصفت dir="rtl" روی تگ html چیدمان را راست‌به‌چپ می‌کند و ویژگی‌های منطقی CSS مثل margin-inl…
Tailwind CSS
CSS و طراحیتیلویند فریم‌ورک CSS مبتنی بر کلاس‌های کوچک آماده است؛ به‌جای نوشتن برگه استایل، کلاس‌ها ر…