Skip to content

Instantly share code, notes, and snippets.

@gubleo
Created January 14, 2020 19:22
Show Gist options
  • Save gubleo/0fe7605956174338ab53fa24b87a6eb8 to your computer and use it in GitHub Desktop.
Save gubleo/0fe7605956174338ab53fa24b87a6eb8 to your computer and use it in GitHub Desktop.
Aplicando propriedades para diferentes resoluções
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* insira suas propriedades aqui */
}
/* (320x480) Celulares, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
/* insira suas propriedades aqui */
}
/* (320x480) Celulares, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
/* insira suas propriedades aqui */
}
/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
/* insira suas propriedades aqui */
}
/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
/* insira suas propriedades aqui */
}
/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
/* insira suas propriedades aqui */
}
/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
/* insira suas propriedades aqui */
}
/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* insira suas propriedades aqui */
}
/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* insira suas propriedades aqui */
}
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* insira suas propriedades aqui */
}
/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
/* insira suas propriedades aqui */
}
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
/* insira suas propriedades aqui */
}
/* (1366x768) WXGA Monitor */
@media screen and (max-width: 1366px) {
/* insira suas propriedades aqui */
}
/* (1280x1024) SXGA Monitor */
@media screen and (max-width: 1280px) {
/* insira suas propriedades aqui */
}
/* (1440x900) WXGA+ Monitor */
@media screen and (max-width: 1440px) {
/* insira suas propriedades aqui */
}
/* (1680x1050) WSXGA+ Monitor */
@media screen and (max-width: 1680px) {
/* insira suas propriedades aqui */
}
/* (1920x1080) Full HD Monitor */
@media screen and (max-width: 1920px) {
/* insira suas propriedades aqui */
}
/* (1600x900) HD+ Monitor */
@media screen and (max-width: 1600px) {
/* insira suas propriedades aqui */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment