Skip to content

Instantly share code, notes, and snippets.

@bermartinv

bermartinv/@media and viewport .css

Created October 10, 2017 08:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bermartinv/cd47e1aac148d7d5f7312dced29b0325 to your computer and use it in GitHub Desktop.
Save bermartinv/cd47e1aac148d7d5f7312dced29b0325 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
@media and viewport .css
/* Definimos todos los tamaños de pantalla */
@media screen and (max-width:320px){}
@media screen and (min-width:320px and max-width:480px){}
@media screen and (min-width:480px and max-width:768){}
@media screen and (min-width:768px and max-width:1024px){}
@media screen and (min-width:1024px and max-width:1200px){}
/* Definimos orientacion del dispositivo */
@media (orientation:landscape){} // posicion horizontal dispositivo
@media (orientation:portrait){} // posicion vertical dispositivo
/* etiqueta viewport */
/* En el archivo css no se puede definir y se define en el archivo html */
/*
/* <meta name="viewport" user-scalable="yes/no" >
/*
/* Esta meta etiqueta su definicion estandar sería
/*
/* <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment