mydevice.io

my Viewport width :

My screen

Sizes

CSS device-width :
CSS device-height :

Pixel ratio

CSS pixel-ratio :

Resolution

Misc

Orientation :

My features

CSS3

::before / ::after
rem unit
vw, vh, vmin, vmax units
calc()
@font-face
multicolumns
flexbox
transitions
animations
transforms
transforms 3D
regions
reflexions
@supports
position: sticky
filters
object-fit
overflow-scrolling

HTML5 / JS

audio
video
canvas
touch events
pointer events
SVG
aPNG format
WebP format
webGL
matchMedia()
drag and Drop
geolocation
appCache
indexedDB
websockets
history API
battery API
file API
fullscreen API
notification API
navigation timing API
vibration API
performance API
load API
srcset attribute

Meta Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

User Agent

Reference picture

rollercoaster

Resources

show me other devices ?

mydevice.io made with love by @goetter, with Modernizr and help from @eQRoeil and @nhoizey‎