113 lines
2.2 KiB
CSS
113 lines
2.2 KiB
CSS
|
|
|
|
/* ----------- iPhone 4 and 4S ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 5 and 5S ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 6 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 6+ ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|