@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">
 */