Skip to content

Instantly share code, notes, and snippets.

@thuliumsystems

thuliumsystems/screen_size_iphone.scss

Created May 4, 2020 16:45
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thuliumsystems/dae61bd49d4c429a04506a204645550c to your computer and use it in GitHub Desktop.
Save thuliumsystems/dae61bd49d4c429a04506a204645550c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
screen_size_iphone.scss
//iphone 11 Pro Max e XS Max
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 3) {
}
//iphone 11 Pro e X
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}
//iphone 11 e XR
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) {
}
//iphone 6, 7 e 8 plus
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}
//iphone 6, 7 e 8
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}
//iphone 5s e SE
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment