طراحی ریسپانسیو

[rsheytoonak]

سلام
من دارم یه سایت ریسپانسیو درست میکنم میخواستم بدونم چطوری میتونم واسه هر رزولوشن یه جی کوئری خاص بنویسم مثلا
@media only screen and (max-width: 968px) {

.menu {
background-color: black;
height: 110px;
left: 0;
position: absolute;
top: 390px;
width: 100%;
z-index: 4;

}


این سی اس اس رو واسه این رزولوشن نوشتم میخوام واسه این رزولوشن به جی کوئری هم بنویسم باید چکار کنم؟

[notlikeothers]

خب بگین:

if ( $(window).width()=
968px
) {


}

[rsheytoonak]

خب بگین:

if ( $(window).width()=
968px
) {

}


از px خطا میگیره 968 بدون پیکسل هم اتفاق خاصی نمیوفته

[notlikeothers]

دوست عزیز خب معلومه با این کد اتفاقی نمیافته.این کد میگه اگر عرض صفحه مساوی فلان ،شما بگین کوچیکتر از x باشد بیا یه کاری کن.

[mitramehriya]

سلام بچه ها چطور میتونم یه قالب ریسپانسیو کنم در واقع css قالب میخوام تغییر بدم برا ریسپانسیو شدن
لطفا کمک کنید خیلی واجبه

[mitramehriya]

سلام میشه لطفا منو راهنمایی کنید برا ریسپانسیو کردن css قالب

[rsheytoonak]

دوست عزیز خب معلومه با این کد اتفاقی نمیافته.این کد میگه اگر عرض صفحه مساوی فلان ،شما بگین کوچیکتر از x باشد بیا یه کاری کن.

آیا اندازه x توی فایرفاکس و اکسپلورر یکی هست؟

[notlikeothers]

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

[Mag-Mag]

سلام میشه لطفا منو راهنمایی کنید برا ریسپانسیو کردن css قالب

ببین باید css3 یاد بگیری
http://www.w3schools.com/css/css3_intro.asp

یا بوت استرپ
http://www.w3schools.com/bootstrap/default.asp

[farnoud]

از bootstrap استفاده کن. یا از یک سرویس طراحی وب سایت (http://camva.ir) مثل کاموا استفاده کنید