Full width نبودن قالب

[kaboom 17]

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

من یه قالب طراحی کردم

وقتی مرورگر رو ماکسیموم می کنم قالب من اندازه صفحه نمیشه و اندازه مینیموم مرورگر می مونه و بقیه جاهاش سفید میشه

چیکار کنم که این مشکل پیش نیاد ؟

با تشکر

موفق باشید

[اشکان 1989]

برای حداقل سایز از min-width استفاده کنید.

برای اینکه با بزرگتر شدن سایز سایت هم بزرگ بشه از % استفاده کنید.مثال:(width:90%)

و برای حد اکثر سایز هم از max-width استفاده کنید.

[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.com/snippets/css/media-queries-for-standard-devices/