responsive yaparken css işlemiyor neden olabilir yardım

26-03-2019, 17:47:19

herkese selamlar
responsiv yaparken csss veriyorum işlemiyor 768px de işledi ama 320de farklı css verince işlemiyor nerede hata yapıyorum
320 px de bottoma 100 verdim ama bi değişiklik olmadı
şimdiden yardımcı olan herkese teşekkürler
SORUN HALLEDİLDİ HERKESE TEŞEKKÜRLER

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

.ucuncu .bgym{
padding:5px 11px !important;
position:relative;
bottom:120px !important;
left:80px !important;
background-color:white;
border-radius:60px;
max-width:350px !important;
margin-bottom:150px !important;
}
}


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


.ucuncu .bgym{
padding:5px 11px !important;
position:relative;
bottom:100px !important;
left:80px !important;
background-color:white;
border-radius:60px;
max-width:350px !important;
margin-bottom:150px !important;
}
}

26-03-2019, 17:57:37

#2

Onur89TR

En sona } ekleyin.

26-03-2019, 18:25:38

#3

MythDev

@media only screen and (max-device-width: 320px) {
//Buraya CSS kodları
}

Yukarıda verdiğim kodu dener misin?

26-03-2019, 18:35:27

#4

ozgun58

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

@media only screen and (max-device-width: 320px) {
//Buraya CSS kodları
}

Yukarıda verdiğim kodu dener misin?

öncelikle zaman ayırdığınız için teşekkür ederim
dediğiniz gibi yaptım ama olmadı

26-03-2019, 18:38:24

#5

_SecreT_

important dan kaynaklı olabilir diye düşünüyorum

26-03-2019, 18:39:45

#6

Daryl

viewport meta kodunu eklememiş olabilirsin.

26-03-2019, 18:43:06

#7

ozgun58

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

viewport meta kodunu eklememiş olabilirsin.

zaman ayırıp cevap yazdığınız için teşekkürler
wiewport nedir bilmiyorumda diğer pixellerde calısıyor ama importantan kaynalı olduğunu düşünüyorum aam bilmiyorum

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

important dan kaynaklı olabilir diye düşünüyorum

zaman ayırıp cevap yazdığğınız için teşekkürler bende importanttan dolayı olduğunu düşünüyorum

26-03-2019, 18:45:02

#8

_SecreT_

Site adresini verir misiniz ögeyi denetleden bir inceleyeyim.

26-03-2019, 18:45:55

#9

Daryl

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

zaman ayırıp cevap yazdığınız için teşekkürler
wiewport nedir bilmiyorumda diğer pixellerde calısıyor ama importantan kaynalı olduğunu düşünüyorum aam bilmiyorum

Html de <head> tagları arasına aşağıdaki kodu eklemelisin;

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