Are you looking for CSS media queries for iPhone 6 & 6 Plus? We have examples of CSS media queries for iPhone 6 & 6 Plus by portrait and landscape size. Copy and paste the code onto your CSS stylesheet. Hope you make a wonderful website using this code.
iPhone 6 Portrait Size
[css]
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
#div {background:#fff;}
}
[/css]
iPhone 6 Landscape Size
[css]
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
#div {background:#fff;}
}
[/css]
iPhone 6 Portrait & Landscape Size
[css]
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
#div {background:#fff;}
}
[/css]
iPhone 6 Plus Portrait Size
[css]
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
#div {background:#fff;}
}
[/css]
iPhone 6 Plus Landscape Size
[css]
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
#div {background:#fff;}
}
[/css]
iPhone 6 Plus Portrait & Landscape Size
[css]
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
#div {background:#fff;}
}
[/css]