¿Mostrar / ocultar div según el tamaño del navegador usando SOLO css?
Estoy tratando de obtener algunos divs para mostrar / ocultar según el tamaño del navegador, usando solo las consultas de medios css ... pero nada parece funcionar ... por favor, ayúdeme si puede y déjeme saber qué estoy haciendo mal. .. ¡gracias por adelantado!
Heres mi css ..
@media all and (max-width: 959px) {
.content .700{display:block;}
.content .490{display:none;}
.content .290{display:none;}
}
@media all and (max-width: 720px) {
.content .700{display:none;}
.content .490{display:block;}
.content .290{display:none;}
}
@media all and (max-width: 479px) {
.content .700{display:none;}
.content .490{display:none;}
.content .290{display:block;}
}
y aqui esta mi html
<div class="content">
<div class="700">this is the content for desktop</div>
<div class="490">this is the content for tablet</div>
<div class="290">this is the content for mobile</div>
</div>