<< Google's data centers | Home | Index of the media queries articles >>

Media features of the most common computer setups

I've set up a test page to find out the media features values of a device. Since then, I've been doing some testing with various devices. Here are the results of my investigations.

You will find values for number of various computer setups. These are just a sample of the hits I got on the test page. Note the Google Preview bot which is of some importance as it is the setup that browse your page when a user requests a preview in Google's search results. It uses Chrome of course. There is also a few number of consoles (Nintendo and Sony).

Note that I will try to keep the page up to date with newer devices.

Of course, you can take the test yourself to see what your browsing machine CSS guts are like.

Take the test !

index for 25 devices

Bot devices Linux devices Macintosh devices Nintendo devices Sony devices Windows devices last updated on Tue Oct 23 22:03:46 CEST 2012

Bot

Google

Google
Google Web Preview
Linux x86_64
Chrome 22
orientationportrait
-webkit-device-pixel-ratio1
width1024px
height1024px
device-width1024px
device-height1024px
width271mm
height271mm
device-width271mm
device-height271mm
width64em
height64em
device-width64em
device-height64em

Linux

1366x768

Linux
1366x768
Linux x86_64
Chromium 18
orientationlandscape
-webkit-device-pixel-ratio1
width1340px
height608px
device-width1366px
device-height768px
width354mm
height161mm
device-width361mm
device-height203mm
width83em
height38em
device-width85em
device-height48em

1440x900

Linux
1440x900
Ubuntu x86_64
Chrome 22
orientationlandscape
-webkit-device-pixel-ratio1
width3823px
height1054px
device-width1920px
device-height1200px
width1011mm
height279mm
device-width508mm
device-height317mm
width238em
height65em
device-width120em
device-height75em

1920x1080

Linux
1920x1080
Linux x86_64
Chrome 22
orientationlandscape
-webkit-device-pixel-ratio1
width1903px
height1001px
device-width1920px
device-height1080px
width503mm
height265mm
device-width508mm
device-height286mm
width118em
height62em
device-width120em
device-height67em
Linux
1920x1080
Ubuntu x86_64
Firefox 16
orientationlandscape
resolution96dpi
resolution1dppx
min--moz-device-pixel-ratio1
width1855px
height959px
device-width1920px
device-height1080px
width490mm
height253mm
device-width508mm
device-height285mm
width115em
height59em
device-width120em
device-height67em

1920x1200

Linux
1920x1200
Ubuntu x86_64
Chrome 22
orientationlandscape
Setup is a dual screen 1920x1200 - browser spanned on both screens.
-webkit-device-pixel-ratio1
width3823px
height1084px
device-width1920px
device-height1200px
width1011mm
height287mm
device-width508mm
device-height317mm
width238em
height67em
device-width120em
device-height75em
Linux
1920x1200
Ubuntu x86_64
Chrome 22
orientationlandscape
Setup is a dual screen 1920x1200
-webkit-device-pixel-ratio1
width1905px
height1085px
device-width1920px
device-height1200px
width504mm
height287mm
device-width508mm
device-height317mm
width119em
height67em
device-width120em
device-height75em
Linux
1920x1200
Ubuntu x86_64
Firefox 16
orientationlandscape
Setup is a dual screen 1920x1200
resolution96dpi
resolution1dppx
min--moz-device-pixel-ratio1
width1920px
height992px
device-width1920px
device-height1200px
width508mm
height262mm
device-width508mm
device-height317mm
width120em
height62em
device-width120em
device-height75em
Linux
1920x1200
Linux x86_64
Firefox 7.0.1 - SeaMonkey 2.4.1
orientationlandscape
resolution96dpi
min--moz-device-pixel-ratio1
width1920px
height965px
device-width1920px
device-height1200px
width508mm
height255mm
device-width508mm
device-height317mm
width120em
height60em
device-width120em
device-height75em
Linux
1920x1200
Ubuntu x86_64
Opera 9.80
orientationlandscape
This is a dual 1920x1200 setup, note the device-width report.
resolution96dpi
width1920px
height1064px
device-width3840px
device-height1200px
width508mm
height281mm
device-width1016mm
device-height317mm
width120em
height66em
device-width240em
device-height75em

Macintosh

2560x1440

Macintosh
2560x1440
Intel Mac OS X 10.7.5
Safari 536.28.14
orientationlandscape
-webkit-device-pixel-ratio1
width1437px
height961px
device-width2560px
device-height1440px
width380mm
height254mm
device-width677mm
device-height381mm
width89em
height60em
device-width160em
device-height90em

Retina

Apple
MacBook Pro Retina
Intel Mac OS X 10.8.2
Safari 536.26.14
orientationlandscape
Note that the pysical resolution is just 2880x1800
-webkit-device-pixel-ratio2
width1711px
height949px
device-width1920px
device-height1200px
width452mm
height251mm
device-width508mm
device-height317mm
width106em
height59em
device-width120em
device-height75em
Macintosh
MacBook Pro Retina
Intel Mac OS X 10.8.2
Chrome 22
orientationlandscape
-webkit-device-pixel-ratio2
width1425px
height802px
device-width1440px
device-height900px
width377mm
height212mm
device-width381mm
device-height238mm
width89em
height50em
device-width90em
device-height56em

Nintendo

Consoles

Nintendo
DSi
Opera/483
This device failed the test.

Sony

Consoles

Sony
PlayStation 3
4.25
Stock Browser
orientationlandscape
-webkit-device-pixel-ratio1
width1803px
height1026px
device-width1920px
device-height1080px
width477mm
height271mm
device-width508mm
device-height286mm
width112em
height64em
device-width120em
device-height67em
Sony
PlayStation Vita
1.80
Stock Browser
This device failed the test.

Windows

1280x1024

Windows
1280x1024
Windows 7
Chrome 22
orientationlandscape
-webkit-device-pixel-ratio1
width1259px
height915px
device-width1280px
device-height1024px
width333mm
height242mm
device-width338mm
device-height271mm
width78em
height57em
device-width80em
device-height64em
Windows
1280x1024
Windows 7
Firefox 16
orientationlandscape
resolution96dpi
resolution1dppx
min--moz-device-pixel-ratio1
width1280px
height797px
device-width1280px
device-height1024px
width338mm
height210mm
device-width338mm
device-height270mm
width80em
height49em
device-width80em
device-height64em
Windows
1280x1024
Windows XP
IE 7
This device failed the test.
Windows
1280x1024
Windows 7
IE 9
orientationlandscape
resolution96dpi
width1280px
height929px
device-width1280px
device-height1024px
width338mm
height245mm
device-width338mm
device-height270mm
width80em
height58em
device-width80em
device-height64em

1920x1080

Windows
1920x1080
Windows 7
Firefox 15
orientationlandscape
resolution96dpi
min--moz-device-pixel-ratio1
width1920px
height902px
device-width1920px
device-height1080px
width508mm
height238mm
device-width508mm
device-height285mm
width120em
height56em
device-width120em
device-height67em
Windows
1920x1080
Windows 7
Firefox 16
orientationlandscape
resolution96dpi
resolution1dppx
min--moz-device-pixel-ratio1
width1920px
height926px
device-width1920px
device-height1080px
width508mm
height245mm
device-width508mm
device-height285mm
width120em
height57em
device-width120em
device-height67em
Windows
1920x1080
Windows XP
Firefox 17
orientationlandscape
resolution96dpi
resolution1dppx
min--moz-device-pixel-ratio1
width1920px
height866px
device-width1920px
device-height1080px
width508mm
height229mm
device-width508mm
device-height285mm
width120em
height54em
device-width120em
device-height67em
Windows
1920x1080
Windows 7
IE 9
orientationlandscape
resolution96dpi
width1920px
height912px
device-width1920px
device-height1080px
width508mm
height241mm
device-width508mm
device-height285mm
width120em
height57em
device-width120em
device-height67em

1920x1200

Windows
1920x1200
Windows 7
Chrome 22
orientationlandscape
-webkit-device-pixel-ratio1
width1903px
height1075px
device-width1920px
device-height1200px
width503mm
height284mm
device-width508mm
device-height317mm
width118em
height67em
device-width120em
device-height75em
Tags : , ,
Categories : Web Design, CSS
Home