@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.
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;
}
}