DESIGN.

is Responsive

PREGUNTAS DE
LOS MEDIOS PARA
LOS PUNTOS DE
INTERRUPCIN DE
DISPOSITIVO
COMN
La consultamedia es 1/3 de la receta para
el diseo de respuesta. Es la clave de
ingrediente que, en su forma ms simple,
CSS permite especificar que se aplicar en
funcin del dispositivo y si coincide con los
criterios de consulta de los medios.

Antes de empezar a copiar y pegar a continuacin,

leer por qu usted no necesita ventanas especficas
del (https://responsivedesign.is/articles/why-youdont-need-device-specific-breakpoints)dispositivo.

/*Smartphones(verticalyhorizontal)*
/medianicapantallay(mindevicewidth:320px)y(ma
/}

/*Smartphones(paisaje)*
/medianicapantallay(minwidth:321px){/*Estilos
/}

/*Smartphones(retrato)*
/medianicapantallay(maxwidth:320px){/*Estilos
/}

/*IPads(verticalyhorizontal)*
/medianicapantallay(mindevicewidth:768px)y(ma
/}

/*IPads(paisaje)*
/medianicapantallay(mindevicewidth:768px)y(ma
/**/
Estilos}

/*IPads(retrato)*
/medianicapantallay(mindevicewidth:768px)y(ma
/**/
Estilos}
/**********
iPad3
**********
/medianicapantallay(mindevicewidth:768px)y(ma
Estilos}

medianicapantallay(mindevicewidth:768px)y(max

/}
/*sobremesayporttiles*
/medianicapantallay(anchomin:1224px){/*Estil

/}

/*Pantallasgrandes*
/medianicapantallay(minwidth:1824px){/*Estilo
/}

/*IPhone4*
/medianicapantallay(mindevicewidth:320px)y(ma
/}

medianicapantallay(mindevicewidth:320px)y(max
/}

/*IPhone5*
/medianicapantallay(mindevicewidth:320px)y(ma
/}

medianicapantallay(mindevicewidth:320px)y(max
/}

/*IPhone6*
/medianicapantallay(mindevicewidth:375px)y(ma
/}

medianicapantallay(mindevicewidth:375px)y(max
/}

/*IPhone6+*
/medianicapantallay(mindevicewidth:414px)y(ma
/}

medianicapantallay(mindevicewidth:414px)y(max
/}

/*SamsungGalaxyS3*
/medianicapantallay(mindevicewidth:320px)y(ma
/}

medianicapantallay(mindevicewidth:320px)y(max
/}

/*SamsungGalaxyS4*
/medianicapantallay(mindevicewidth:320px)y(ma
/}

medianicapantallay(mindevicewidth:320px)y(max
/}

/*SamsungGalaxyS5*
/medianicapantallay(mindevicewidth:360px)y(ma
/}

medianicapantallay(mindevicewidth:360px)y(max
/}

Si quieres algo de ayuda con la aplicacin del

presente estos recursos le ayudarn.