Flex divin @media'dan etkilenmemesi

10-05-2019, 23:38:23

Merhabalar, container-flex divini mobilde genişletmeye çalışıyorum ama tepki vermiyor, width kısmını el ile ayarladığımda işimi görüyor media içine eklediğim diğer kurallar da çalııyor ama flex için çözüm bulamadım bilen biri yardımcı olabilirse sevinirm. Teşekkürler

 .container-flex {
margin: 50px auto;
width: 60%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}


@media only screen and (max-width : 480px) { 

.container-flex {
display: block;
width: 90%;
}
}

10-05-2019, 23:44:51

#2

Misafir

Hocam max-width benim telefonumda dikey 600 yatay 1000 oranı artırıp dener misiniz

ethmtrgt bunu beğendi.

1 kişi bunu beğendi.

10-05-2019, 23:52:10

#3

ethmtrgt

Misafir adlı üyeden alıntı: mesajı görüntüle

Hocam max-width benim telefonumda dikey 600 yatay 1000 oranı artırıp dener misiniz

yine değişme yok hocam, ama başka bir kural yazdığımda sorunsuz çalışıyor, flex'in yapısını da çok bilmediğimden fikir yürütemedim :/

10-05-2019, 23:55:34

#4

seo17

Merhaba,
Responsive olarak yazdığın bölümde display:block; ifadesini kaldırıp, flex-basis:değer; şeklinde dener misiniz?

10-05-2019, 23:59:50

#5

rws

(max-width : 480px) de display:bock vermişsiniz; display:flex vermezseniz flex özellikleri çalışmaz

11-05-2019, 00:06:22

#6

ethmtrgt

rws adlı üyeden alıntı: mesajı görüntüle

(max-width : 480px) de display:bock vermişsiniz; display:flex vermezseniz flex özellikleri çalışmaz

seo17 adlı üyeden alıntı: mesajı görüntüle

Merhaba,
Responsive olarak yazdığın bölümde display:block; ifadesini kaldırıp, flex-basis:değer; şeklinde dener misiniz?

block kısmını gözden kaçırmışım, teşekkürler