@media (max-width: 600px) { da float:none; çalışmıyor yardım

arkadaşlar @media (max-width: 600px) { içinde geniş alanların küçültmek float:left leri float:none yapmaya çalışıyorum. bir türlü olmuyor. ne iş anlamadım.
backround-color: çalışıyoru.
float:none; çalıştıramadım

Aynı class için 600 px den büyük çözünürlükte tanımlı başka bir float kodu var mı? aktif başka bir komut varsa çakışıyordur.
600 px den büyük çözünürlükte aktif olacak olan classı @media min-width içerisine alarak deneyin.

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

böyle çözüldü.



bir sorun daha var. HEİGHT: 50 PX bunu nasıl MEDİA içinde iptal ederim

[...sim.com/D7dkny)

@media only screen and (max-width: 700px) {/*screen and */
 
    #GovdeMenulerOrta ul li {
            float: none;
            width: 100%; height: ;
    } 
     .GovdeMenuler {
    width: 100%;
    background: #09C; height: ; 
}
    body {  background-color: lightgreen;   }
        .LogoAlani{ width:600px; border:2px solid black;}
        .aramaBolumu{display:none;}
        .GovdeMenuler{ width: 100%; background: #09C;} 
}

height:100% !important;
gibi yaparsan değişir

height: none ya da height:auto da deneyebilirsin.

teşekkürler



arkadaşlar ben elle küçülttüğümde ekranı MOBİLE UYGUN css çalışıyor, fakat samsung note4 den SAMSUNG TARAYICI ve GOOGLE CHOREM de siteyi açtığımda eski hali açılıyor.
bun nasıl çözebilirim. hürriyet com girdiğimizde www.m.hurriyet gibi domainden açıyor.v s.
ben bu sitenin mobil css ni TELEFON TARAYICILARINDA nasıl aktif ederim?

Anladığım kadarıyla ektanı pc den küçültünce oluor ama telefonda olmuyor
Responsive meta tag eklersen telrfon ve tabletlerde uguladığın responsive kodları çalışır diğer türlü pc de gibi çalışır

@media only screen and (max-width:600px) { buraya 600px'den küçük çözünürlüğe sahip ekranlar için çalıştırılacak kodları }
@media only screen and (min-width:600px) { buraya da 600px'den büyük ekranlarda çalışacak kodları ekleyiniz }

Aynı kodu bu iki versiyon için de uygulamanız gerekmektedir. Bunların dışında float:left gibi bir değer tanımlanmış ise onu silip 600px'den büyük olan versiyona eklemeniz gerekir yoksa çakışmalar olacaktır.

viewport tagını eklediniz mi?
<meta name="viewport" content="width=device-width, initial-scale=1.0">