Como ocultar conteúdo em CSS ao baixar a resolução?

Necesito de un experto que me de la mano en este tema. Tengo un par de horas buscando y leyendo en Google y no he encontrado nada...

Lo que necesito es un código ccs o alguna forma de ocultar una imagen, slider o contenido cuando se accede al web con una resolución menor. Por ejemplo, si tengo una imagen 800x600px que desaparezca cuando se accede con una resolución inferior 640x400px.

Lo que busco es que cuando un usuario acceda via movil esta imagen o contenido desaparezca. Uso wordpress y me gustaría hacerlo con ccs o con algun script, sin tener que hacer uso de plugins...

Yo creo que seria asi:


PD: el @ media sin espacio, lo pongo asi porque cuando lo unto hace mencion a un usuario

rotherus disse:

Yo creo que seria asi:

Inserir CODE, HTML ou PHP:

@ media screen and (max-width:640px)
{
   #id img {display:none }
}

PD: el @ media sin espacio, lo pongo asi porque cuando lo unto hace mencion a un usuario

Clique para expandir...

No me funcionó...

manuelspirit disse:

No me funcionó...

Clique para expandir...

lo acabo de probar y si funciona, trata haciendolo en un css aparte para todo lo que es responsive :encouragement:😎

Y como lo haría, es que estoy algo flojo con el ccs... Podrias crearme el codigo para el archivo ccs, y el codigo que lo llama? 😕 [MENTION=34600]rotherus[/MENTION]

---------- Post agregado el 03-may-2013 hora: 01:01 ----------

Si, funciona muy bien el código... Mil gracias. 🙂

si que te debería funcionar, cambia el id por el identificador del broque que deseas ocultar