ریسپانسیو

[mahdivita]

سلام
من ریسپانسیو کردن رو تازه شروع کردم و الان کد زیر رو نوشتم اما وقتی باز میکنم صفحه رو همین مدیاکوئری که نوشتم اعمال میشه برا صفحه چرا؟
@media only screen and (max-device-with : 1200px) {
#main{

width: 1200px;
}
#skil{
width: 1200px;
}
#contact{
width: 1200px;
}
}

[سینا اکبری]

سلام.
شما css اصلی تونو نوشتید؟
بعدشم شما تو مدیا تعریف کردید 1200 پیکسل ،تغییر بدید به 500 یا 400 یا....

[mahdivita]

سلام
اره نوشتم
الان فقط میخوام ریسپانسیو کنم
که اینجوری میشه:کف:

[سینا اکبری]

اینجا آموزش های خوبی داره
http://docs.webplatform.org/wiki/tutorials/media_queries

[ABZiko]

بعدشم شما تو مدیا تعریف کردید 1200 پیکسل ،تغییر بدید به 500 یا 400 یا....

چه ربطی داره؟؟؟ شما دسوت عزیز یا باید از min-width استفده کنید یا بازه رو مشخص کنید ، شما الان گفتین که در جداکثر عرض این تغییرات اعمال بشه، خب یعنی از عرض 1 تا 1200 همین ها اعمال می شه .

[mahdivita]

خب شما کدوم رو پیشنهاد میکنید که استفاده بکنم؟؟

[ABZiko]

من از بازه استفاده می کنم.

[mahdivita]

فرقی دارن به نظر شما؟؟

[ABZiko]

نه تفاوتی نمی کنه ولی من از همون اول هم از بازه استفاده می ردم.

[Saber Mogaddas]

سلام
برای مثال از این بازه ها می تونید استفاده کنید :

@media (min-width: 980px) and (max-width: 1200px) {




}
@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 480px) {

}

@media (max-width: 320px) {




دوستان راه حل رو که توضیح میدید لطفا یه مثال هم برای دوستمون بزنیم که کامل متوجه بشه..
موفق باشید..

[persianboy1993]

این بازه ها آماده و استاندارد هستند ؟ منظورم اینه روی همه پروژه ها قابل اجرا هستند و نباید ما تغییرشون بدیم ؟؟

[ABZiko]

این بازه ها آماده و استاندارد هستند ؟ منظورم اینه روی همه پروژه ها قابل اجرا هستند و نباید ما تغییرشون بدیم ؟؟

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

[DR_borna]

دوست عزیز ، برای ریسباتسیو کردن بهتر است از همان اتبدای کار ، به این فکر باشید و این که همیشه برای div کلی 'max-width' تعریف کرده و به مرور زمان تغیر رو تو کار ها و وبسایت هاتون حس خواهید کرد ...