باز شدن سایت با نسخه موبایل

[aliff]

ممنون بابت پاسخ
می خوام این طور باشه اگر مانیتور کوچکتر از مثلا
1024*768
بود یه صفحه دیگر باز بشه
این طور احتمالا موبایل و تبلت جزو صفحه جدید قرار میگیرند، درسته؟
ایا راهی هست که بشه اندازه مانیتور رو تشخیص داد و بازدید کننده رو هدایت کرد به صفحه مورد نظر؟

[avaiehagh]

ممنون بابت پاسخ
می خوام این طور باشه اگر مانیتور کوچکتر از مثلا
1024*768
بود یه صفحه دیگر باز بشه
این طور احتمالا موبایل و تبلت جزو صفحه جدید قرار میگیرند، درسته؟
ایا راهی هست که بشه اندازه مانیتور رو تشخیص داد و بازدید کننده رو هدایت کرد به صفحه مورد نظر؟

این کار رو میشه به شیوه دیگر هم انجام بدی
نیاز نیست یک صفحه برای موبایل طراحی کنی
کافیه صفحه اصلی که برای کامپیوتر هست رو طراحی کنی بعد بگی اگر کاربر با این اندازه صفحه اومد استایل صفحه رو اینطوری نشون بده
مثلا یک باکس درحالت عادی width:600px هست بگی اگر با صفحه رزولوشن x اومد width:300px بشه

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

باید چند تا استایل برا سایز های مختلف طراحی کنی درضمن اون عدد 480 که زدم رو می تونی تو فایرفاکس صفحه تو بازکنی بعد ctrl+shift+m بزنی و سایتت رو در اندازه های مختلف ببینی و طراحی کنی

موفق باشید