When designing/developing a website, I constantly have to search for Media Queries for various devices. So I thought it would be a good idea to create a list of the media queries I use the most.
Below is a list of media queries for Apple devices, as these are the most common devices. I will try and constantly update these media queries when new Apple devices are launched.
iPad Media Queries (All generations)
iPad in portrait & landscape
iPad in landscape
iPad in portrait
iPad 3 & 4 Media Queries
Retina iPad in portrait & landscape
Retina iPad in landscape
Retina iPad in portrait
iPad 1 & 2 /Mini Media Queries
Retina iPad in portrait & landscape
Retina iPad in landscape
Retina iPad in portrait
New iPhone Media Queries
iPhone 13 Mini
This media query is used for: iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone Xs, and iPhone X
iPhone 13 and iPhone 13 Pro
This media query is used for: iPhone 13, iPhone 12 and iPhone 12 Pro
iPhone 13 Pro Max
This media query is used for: iPhone 13 Pro Max and iPhone 12 Pro Max