Hola queridos compañeros! Quisiera pedirle una ayuda con un problema que tengo acerca de ocultar divs con css3 de acuerdo a la resolucion de la pantalla, preferi cambiarmee y leer un poco sobre css3 por que javascript me resulto complicado.. :(
Este es el codigo que deseo ocultar..
Código HTML:
Ver original<div class="search_and_share"> <li><a href="http://localhost/all/" ><span class="inicio inicio-demo-all"></span>General
</a></li> <li><a href="http://localhost/jobs/" ><span class="inicio inicio-demo-jobs"></span>Trabajo
</a></li> <li><a href="http://localhost/realstate/" ><span class="inicio inicio-demo"></span>Casas
</a></li> <li><a href="http://localhost/cars/" ><span class="inicio inicio-demo-cars"></span>Autos
</a></li>
yo hice asi el css.. pero jamas me oculto nada.. :(
Código CSS:
Ver original@media screen and (max-device-max-height: 320px) and (max-device-max-width: 240px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 240px) and (max-device-max-width: 320px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 320px) and (max-device-max-width: 480px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 480px) and (max-device-max-width: 800px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 640px) and (max-device-max-width: 480px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 800px) and (max-device-max-width: 480px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 800px) and (max-device-max-width: 600px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 1024px) and (max-device-max-width: 600px) {
.search_and_share{
display:none
}
}
@media screen and (max-device-max-height: 1024px) and (max-device-max-width: 768px) {
.search_and_share{
display:none
}
}
Noseeee que puedeee estar maal.. pero probee en varios dispositivos moviles asi como en saucelabs.com y en quirktools.com/screenfly/ .Seria tan buenoo que alguien me pudiese ayudar, nose si esta mal el planteamiento.. Pero de Antemano Muchas Gracias!!