تنظیم منو با همه صفحه نمایش ها

[نگار صادقی 1025]

سلام. خسته نباشد. من یه منو ساختم ولی با مشکل داره!!! و موقعی مرورگر رو ZOOM OUT میکنم لینک هاش جابه جا میشن و ... خودتون تست کنید متوجه میشید ! برای اینکه هماهنگ بشن و وسط صفحه بمون و با صفحه نمایش ها ست بشه چیکارش کنم؟ آدرس آنلاین توی امضا

ویرایش شده مهر 92 توسط نگار صادقی

[مرتضی نظری 4182]

سلام

http://blog.teamtreehouse.com/create-an-absolute-basic-mobile-css-responsive-navigation-menu

[نگار صادقی 1025]

والا متوجه نشدم. فکر کنم این منویی که ساختم یه تگی چیزی کم داشته باشه تا لینک هاش وسط قرار بگیرن ولی هرچی باهاش این ور اون ور میکنم درست نمیشه

[Alireza Xn 1644]

لینکی که آقا نظری دادن درسته و مربوط به طراحی Responsive هستش ..

شما باید برای اندازه منو های خودتون نسبت به صفحه نمایش ها یک اندازه تایین کنید

این سایت به صورت کامل طراحی Responsive رو با CSS3 آموزش داده - کلیک کنید

من خودمم با همین آموزش به راحتی سایت خودمو Responsive کردم ....

[SILENT-NIGHT 19]

تو ریسپانسیو کردن چند تا راه دارید من دو تاشو می گم

یکی این که اندازه ها رو به درصد بدید (که یکی از دوستان گفت)

یکی هم این که برای هر سایز یه خاصیت جدید معرفی کنید به این شکل :

برای اسمارت فون ها باید این شکلی عمل بشه :

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
استایل های مورد نظر برای این سایز
}

برای آی پد :

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
استایل های مورد نظر برای این سایز
}

و خیلی سایز های دیگه

یه نگاهی به این صفحه بنداز شاید چیزای بیشتری گیرت بیاد

http://css-tricks.co...andard-devices