Responsive Design Testen - Responsive Mobile Simulator

Responsive Design Check - Responsive Design. Testen Sie Ihre Website jetzt kostenlos. Außerdem: Allgemeine Informationen zum Responsive Design, technische Hintergründe und Tipps und Tricks.

Mobile und schnelle Erreichbarkeit wird immer wichtiger!

Die Nutzung von mobilen Endgeräten nimmt immer weiter zu. Überprüfen Sie jetzt, ob Ihre Website auf den unterschiedlichen Engeräten und Auflösungen korrekt dargestellt wird.

8:18 PM
iPhone 3+4 portrait 320 x 480
@media screen and (max-device-width: 320px) { }
8:18 PM
iPhone 3+4 landscape 480 x 320
@media screen and (max-device-width: 480px) { }
8:18 PM
iPhone 5 portrait 320 x 568
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { }
/*or*/
@media screen and (device-aspect-ratio: 40/71) { }
8:18 PM
iPhone 5 landscape 568 x 320
@media screen and (device-width: 568px) and (device-height: 320px) and (-webkit-device-pixel-ratio: 2) { }
/*or*/
@media screen and (device-aspect-ratio: 40/71) { }
@media screen and (max-device-width: 240px) { }
8:18 PM
Low-end Android landscape 320 x 240
@media screen and (max-device-width: 320px) { }
8:18 PM
Android (Samsung Galaxy) portrait 380 by 685 (equivalent desktop resolution)
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) { }
8:18 PM
Android (Samsung Galaxy) landscape 685 by 380 (equivalent desktop resolution)
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) { }
8:18 PM
iPad portrait 768 x 1024
@media (max-device-width: 768px) and (orientation: portrait) { }
8:18 PM
iPad landscape 1024 x 768
@media (max-device-width: 1024px) and (orientation: landscape) { }
8:18 PM
Kindle portrait 600 x 1024
@media only screen and (min-width: 595px) and (max-width: 610px) { }
8:18 PM
Kindle landscape 1024 x 600
@media only screen and (min-width: 1000px) and (max-width: 1030px) { }