طراحی منوهای متفاوت برای دسکتاپ و موبایل

[sara_t]

سلام

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

ممنون

[marasiali]

سلام میتونید از media query ها تو css استفاده کنید. یه سرچ بزنین تو نت توضیحات کاملتری میاد.
البته میشه جوری طراحی کرد که بدون مدیا کوئری در هر دوحالت به خوبی نمایش داده شن یکی از این روش ها هم فلکس باکس هست.