Div mostrar / ocultar consulta de medios

¿Qué código puedo usar para hacer una presentación de div en particular solo en un ancho 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.

No estoy seguro de lo que quiere decir con el ‘ancho móvil’. Pero en cada caso, CSS @media se puede usar para ocultar elementos en el ancho de la pantalla. Vea un ejemplo:

 

…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 */ } 

Una detección realmente móvil es una progtwigción difícil y bastante difícil. Finalmente, vea el: http://detectmobilebrowsers.com/ u otras fonts similares.

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

  

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

    Intereting Posts