display on/off segun resolución
2 seguidores
Hola, estoy intentando hacer una web para todo tipo de resoluciones variando la posición de los contenidos etc etc, he visto en algunas webs que contenidos como publicidad (aside en html) desaparecen en resoluciones inferiores a X.
Como se puede lograr que un div desaparezca si la resolucion es inferior a X.
No se si esto es posible solo con css o solo se puede hacer mediante JS.
Muchas gracias de antemano!
Usuario desconocido
cierro post encontré esta solución:
Añadir:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="css/mobile.css" />Por resolución que deseemos
y poner un display:none en lo que no queremos que se muestre.
Siento las molestias
adriia
Otra opción es en un mismo documento css aplicar diferentes reglas dependiendo del ancho con:
@media (max-width: 450px) {}
hartum
Fparedio, lo que necesitas se llaman media queries, aquí tienes un mini tutorial:
http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/