Media request for iPhone 4 and 4s

Question

Can we differentiate between 4 and 4 in css? I have a problem in the following code, please help fix it.

/* iphone 4S retina landscape, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio: 2/3) and (orientation : landscape) {
}

/* iphone 4S retina portrait, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio: 2/3) and (orientation : portrait) {
}

/* iphone 4 landscape, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 1) and (device-aspect-ratio: 2/3) and (orientation : landscape) {
}

/* iphone 4 portrait, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 1) and (device-aspect-ratio: 2/3) and (orientation : portrait) {
}

Answer 1

There is no difference in the web browser on iPhone4 and 4s, so therefore 4 and 4 have the same css media request.

In fact, the most different between 4s and 4s, 4s is faster than 4.

Answer 2

I would like to answer that, contrary to Billy’s answer, Yes, I believe that there is a difference in the browser between iPhone4 and 4 based on the use of the Browserstack Live function. Perhaps this is due to the fact that iPhone4 works on iOS4, and the iPhone 4S works with iOS 5.1 or iOS6.

iPhone4 -, iPhone 4S , -.

-, , !