siavashx

رسپانسیو کردن قالب با مدیا کوئری

5 پست در این موضوع قرار دارد

سلام وقت بخیر

من یه قالب ساده برای خودم طراحی کردم و الان میخوام که با مدیا کوئری رسپانسیوش کنم :D

کوئری ها رو توی یه فایل css ذخیره میکنم و توی فایل css اصلی ایمپورت کردم اما تغییرات اعمال نمیشه. :blink:


@import url('res.css');

ممنون میشم راهنمایی کنید :rolleyes:

0

به اشتراک گذاری این پست


لینک به پست

کسی نبود راهنمایی کنه؟

0

به اشتراک گذاری این پست


لینک به پست

کدهایی که برای media query استفاده کردید رو چند نمونه اینجا قرار بدید ضمن اینکه حتما این کد رو ر هدر سایت فراخوانی کنید


<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

اینم یه نمونه کد مدیا کوئری


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#main,header,nav,#container,.main .post,.post .header,.post .content,.pagenum,footer,.info,.link,.barchasb{
width:979px;
}
.ads-top{
width:979px;
height:310px;
}
.ads-top a{
margin-right:230px;
}
.left-sidebar,.right-sidebar,.yellow-box{
display:none;
}
.main{
width:979px;
float:none;
}
.post .content p{
width:979px;
padding:0;
}
}

2

به اشتراک گذاری این پست


لینک به پست

سلام ! این خط کد احتمالا توی هد سایتتون نیست ! اگه نیست بزارید ....


<meta name="viewport" content="width=device-width, initial-scale=1">

ایمپرت هم فک کنم به این صورت باشه :


@import "res.css";

2

به اشتراک گذاری این پست


لینک به پست

ایمپورت:


@import url(res.css);

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری