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

[siavashx 2]

سلام وقت بخیر

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

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

@import url('res.css');

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

[siavashx 2]

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

[M.Javad 684]

کدهایی که برای 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;
}
}

[RedPlus 1585]

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

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

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

@import "res.css";

[themento 348]

ایمپورت:

@import url(res.css);