responsive کردن

[jamejam123]

سلام
چګونه می توانم یه سایت رو بدون استفاده از کتابخانه های سی اس اسresponsive کنم.
من می خواهم یه سایت طراحی کنم که تو مانیتور 1440 * 789
تو تبلت 1024 * 625
و در گوشی 321 * 120
به خوبی نمایش دهد
می شه کمی تو ضیح بدبد.
باتشکر

[mehbod.rayaneh]

سلام
اول این ک با درصد طراحی کنید! ینی تمام مقدارها را به درصد بدید و از شرطها توی css استفاده کنید!
مثلا توی بوت استرپ اینجوری شرط گذاشته :

@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}

@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}

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