CSS styles for devicepixelratio references that appear for iphone 6

@media only -screen and (min-device-width: +- px) {

//For iphone 3

}

@media only screen and (min-device-width: .) and (- Webkit-min-device-pixel-ratio: 2) {

//For iphone 4, 5c,5s, all iPhone6 magnification mode, individual IPhone6 standard mode

}

@media only screen and (min-device-width: 375px)and (- Webkit-min-device-pixel-ratio: 2) {

//Standard mode for most iPhone6

}

@media only screen and (min-device-width: 375px)and (- Webkit-min-device-pixel-ratio: 3) {

//magnification mode for all iphone6+

}

@media only screen and (min-device-width: 412px) and (- Webkit-min-device-pixel-ratio: 3) {

//For all iphone6+ Standard mode ,414px is written as 412px is due to Samsung Nexus 6 for 412px, can be processed together

}

CSS styles for devicepixelratio references that appear for iphone 6