Media Queries sind immer dann wichtig, wenn es um responsive Design auf mobilen Endgeräten geht. Sie sorgen für perfektes Skalieren des Layouts. Die folgende Liste beinhaltet die Media Queries für alle iPhones, iPads und das Samsung Galaxy S7+ Tablet. 

Im Gegensatz zu vielen anderen Listen funktionieren diese Media Queries für Tablets auch mit Browsern, die nicht auf Webkit basieren (z.B. Google Chrome):

Für Landscape-Mode ist jeweils diese Zeile einzufügen:

Bonus: Media Query zur Sonderbehandlung von Internet Explorer 10++

Sollte in keiner Werkzeugkiste fehlen: