CSS media query is not properly identifying iphone 6

I have a media query that detects mobile phones and displays a mobile version of my site.

As it stands my query is:

@media only screen and (max-width: 480px) {

This works on pretty much every phone I can find (s3, s4, s5, iphone5 (and below), nexus 5, nexus 6) except for the iPhone 6 and the iPhone 6+. I have tried to alter my query with some things I have found online, but nothing seems to work. Any ideas?