Div mostrar/ocultar consulta de medios

Question

¿Qué código puedo usar para hacer una presentación de div en particular solo si tengo un ancho de móvil?

Tengo un div completo del 100% de ancho en la parte superior de la pantalla, me gustaría que solo se muestre cuando el dispositivo se especifique como un ancho móvil.

Answer 1

No estoy seguro, a lo que se refiere como el 'ancho móvil'. Pero en cada caso, el CSS @media se puede usar para ocultar elementos en la base de ancho de pantalla. Ver algunos ejemplo:

<div id="my-content"></div> 

... y:

@media screen and (min-width: 0px) and (max-width: 400px) { 
    #my-content { display: block; } /* show it on small screens */ 
} 

@media screen and (min-width: 401px) and (max-width: 1024px) { 
    #my-content { display: none; } /* hide it elsewhere */ 
} 

Algunos de detección móvil de verdad es un poco difícil programar y bastante difícil. Finalmente, vea el: http://detectmobilebrowsers.com/ u otras fuentes similares.

Answer 2

Parece que puede querer acceder a la ventana gráfica del dispositivo. Puede hacerlo insertando esta metaetiqueta en su encabezado.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

http://www.w3schools.com/css/css_rwd_viewport.asp