iPhone 6 & Plus – CSS Media Queries examples (Portrait & Landscape)

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]