@media query'ler ile ilgili bir problemim var. Sayfaya yansımıyorlar
@media only screen and (min-width:992px) and (max-width:1199px){
.container{
width: 100%;
}
}
evet arkadaşlar, bu kodumun karşılığını web sitesinde göremiyorum. Neden aktif olmuyor?
Teşekkürler.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Merhaba,
Tarayıcı CSS dosyasını yukarıdan aşağı taradığı için bu verdiğiniz media ekranları altında bu ölçüleri etkileyecek bir media olmamalıdır.
Birde vontainer için bir yükseklik vermediyseniz farkedemezsiniz.
Şu şekilde deneyebilirsiniz.
@media only screen and (min-width:992px) and (max-width:1199px){
.container{
width: 100%;
background-color:#C00;
height:100px;
}
}