رفتن به مطلب

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


پست های پیشنهاد شده

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

ویرایش شده توسط نگار صادقی
لینک به ارسال

سلام

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

لینک به ارسال

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

لینک به ارسال

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

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

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

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

لینک به ارسال
  • 3 هفته بعد...

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

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

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

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


@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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...