Skip Navigation

Media Queries

Thank you for visiting the zeitform Services media query test page!

Above you can see the identification of the device you are using. The result is based on media queries only, without any JavaScript involved (For background information read on).

Is the indentification correct?

Great! There's no further action needed. Thanks again for visiting.

Is the indentification incorrect?

Okay, seems our identification mechanism needs further improvement. It would be of great help to us if you could visit the Pieroxys test-page using the same device you are using now. Please send the result presented there, together with a short description of your device and browser to Thank you for participating.

Background Information

This page tries to identify the following groups of devices using CSS3 media qieries only (i.e. without any Javascript):

  • Desktop Computers (including laptops)
  • Tablet PCs up to 10"
  • Tablet PCs up to 8.5"
  • Smartphones
  • Smartphones in landscape mode

A problem with media queries is that IOS, Android and Windows Mobile implement media queries quite differently.

Furthermore, resolution and screen size of mobile devices is increasing more and more. As a result a device cannot be identified simply by its resolution or its screen size (2560 x 1440 Pixel may be laptop, a tablet or even a smartphone, see the table below).

Device Overview

The table shows the most common devices (symbolic illustration), sorted according to the resolution relevant for the medaiqueries (in row dpr 1). If the real resolution is higher (device-pixel-ratio > 1), the value is colored in grey.

320x480 320x568 640x960 1536x2048 768x1024 768x1280 800x1280 1080x1920 533x853 720x1280 1200x1920 800x1280 800x1280 1080x1920 1080x1920 1440x2560 540x960 1200x1920 1600x2560 1280x800 2560x1600 1440x900 2880x1800 1600x900 3200x1800 1280x850 2560x1700 600x960 800x1280 400x640 800x1280 640x1136 320x533 480x800 360x640 360x640 768x1280 384x640 460x853 810x1440 540x960 1080x1920 540x960 1 1 1.5 1.5 2 3 2 dpr dpr Smartphones Tabletts Laptops (Retina)

In order to identify the most important groups of devices this page's style sheet uses a combination of resolution, screen-size in mm, screen-orientation and device-pixel-ratio.

To improve this device identification it's important to test a wide range of devices. That's why we've asked you to visit this page.

You can download the associated style sheet here.

| Mailserver | Webserver | Weitere Infos | Kontakt |
| Startseite | Mailserver | Webserver | Weitere Infos | Kontakt |