Cihaza göre ayarlanan aralığın 0 noktası ? ( @media (max-width:XXXpx) )

Merhabalar 2 adet div oluşturdum ve bu divlerin biri PC'de görünsün diğeri ise mobilde görünsün diye alttaki adımları yaptım ama chromeden test ediyorum tam 782 px bi ekranda her boş ekran çıkıyor ?

@media (max-width:782px)
{.mobilgizle{ display:none !important;}
}



@media (min-width:782px){
.pcgizle{ display:none !important;}
}

Hocam sadece max screen i açık bırakın diğerinin süslü parantezlerini kaldırın

Anladım hocam, teşekkürler test ettim ve 782'de göründü de. Yani çözüldü ama mantık olarak kafam şuan saçma olduğundan pek anlamadım. Anlatırsanız sevinirim.

Şey gibi -> süslü parantez -< E'kadar diğeri ise dahil miydi ? Yani süslü 782'e kadar yani 781px gibi.

@media (max-width:782px)
{
.mobilgizle{ display:none !important;}

@media (min-width:782px)
.pcgizle{ display:none !important;}
}

Veya böyle de oluyor ;

@media (max-width:782px)
{
.mobilgizle{ display:none !important;}
}

@media (min-width:782px)
.pcgizle{ display:none !important;}

Hocam dahil olmuyor bu yüzden, sildiğiniz zaman default ayar olarak olmuş oluyor