CSS - Medya Sorguları Ben medya sorguları yeniyim ve ben en iyi uygulamalar hakkında birkaç öğreticiler izledim ama ben benim işe alınamıyor görünüyor düzgün

Question

çalışmıyor ..

benim yarattığım Basit bir metin div bile çalışmasını sağlar ve tarayıcının width tarayıcısından 500px'dan küçük olduğunda, div değişikliğinin background-color mavi renkte olmasını sağlamaya çalışıyorum.

Eksik olduğumu bilen var mı?

#text_box { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: red; 
 
} 
 
@media screen and (max-width: 500px) { 
 
    #test_box { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: blue; 
 
    } 
 
}

<div id="text_box">Test</div>

İşte test_box ancak text_box değil, senin id da medya sorgusu içinde bir yazım hatası benim demo

Answer 1

olduğunu.

Ayrıca, daha önce ayarlanmış olan özellikleri, aynı değere sahiplerse tekrarlamanız gerekmez.

#text_box { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: red; 
 
} 
 
@media screen and (max-width: 500px) { 
 
    #text_box { 
 
    background-color: blue; 
 
    } 
 
}

<div id="text_box">Test</div>