24/04/2013, 12:43
|
| | | Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 12 años, 2 meses Puntos: 1 | |
Verificar la resolución de pantalla Hola, ante todo aclarar que soy novata en programación en CSS :)
Quiero que una imagen que tengo posicionada como fixed al margen izquierdo de mi web, solo aparezca para resoluciones con una anchura mayor que una dada (1200 px, por ejemplo).
Tengo esto:
<style>
p.imagen
{
position:fixed;
top:20px;
left:1px;
z-index:+1;
}
</style>
<p class="imagen">
AQUÍ VA LA IMAGEN</p>
Entonces, debo, en primer lugar hacerme con la anchura del visitante de mi web, pero no me funciona:
anchura = screen.width
No sé de qué otra forma obtenerla. Y después no sé donde tengo que meter el condicional (if). Es decir, si es menor que 1200px, ignora todo el códido, sino que lo lea y aparezca la imagen.
¿Se me entiende?
Gracias chic@s! :D |