نسخه موبایل جداگانه با نسخه دسکتاپ

@proamirm
سلام.
این کار رو در واقع با یک بررسی ساده در جاوا اسکریپت انجام میدن. برای مثال چک می کنن اگر کاربر در حالت موبایل بود مثلا کل class ها به class موبایل تغییر پیدا کنن.
در نظر بگیرید که یک nav دارن با کلس navbar اگه موبایل بود همون کلس رو تغییر میدن به navbar-mb.
من خودم از این روش استفاده کردم.
میشه یک کار دیگه هم انجام داد. این که در حالت های مختلف کلا فایل css های جدا رو لود کنه.
به هر حال هر کدوم که براتون راحت تر باشه.

این مبحث اصطلاحش واکنشگرایی (Responsive Design) هستش و به ایجاد صفحات واکنشگرا در خصوص صفحه نمایش های مختلف بر می گرده. تقریبا تمام سایت های درست حسابی امروزی، صفحات واکنشگرا دارند. همین راکت رو هم امتحان کنید، متوجه میشید.

پیاده سازی: معمولا یک فایل css، در بخش هایی بوسیله ی دستورات @media برای اندازه های مختلف صفحه نمایش کاربر، پیاده سازی صفحه رو ایجاد میکنه. روش دوم هم اینه که دو یا چند فایل css جدا، برای اندازه های مختلف درست کنید.

@milad
دیجیکالا ریسپانسیو نیست و چرایی این داستان توی اسکرین شات ها مشخصه

در خصوص سایت دیجی کالا، از یک فایل استفاده نمیکنه، بلکه از بیشتر از یک فایل استفاده می کنه و بصورت جداگانه سایت شون رو واکنشگرا کردن. شما در هر اندازه ای که مرورگرتون رو قرار دادید، مجددا صفحه رو بارگذاری کنید (ctrl + F5) می بینید که سایت به درستی به نمایش درمیادش.