Device.my

my viewport is:

×

Screen metrics

Size

  • JS screen.width:
  • JS screen.height:

Pixel ratio

  • CSS pixel-ratio:
  • JS pixel-ratio:

Density

  • Resolution (dpi):
  • Resolution (dppx):
  • Resolution (dpcm):

Misc

  • Root font size:
  • Orientation:
  • Device Aspect-Ratio:

My browser features

CSS3

  • flexbox
  • grid layout
  • grid layout (old)
  • position: sticky
  • regions
  • @supports
  • will-change
  • pointer events
  • calc()
  • viewport units
  • hover media query
  • pointer media query
  • background blend mode
  • background-size: cover
  • object-fit
  • font ligatures
  • appearance
  • filters
  • masks
  • scroll snap points
  • shapes
  • hyphens

HTML5 / JS

  • flash
  • video
  • webgl
  • canvas
  • srcset
  • <picture>
  • inline SVG
  • webp
  • jpegxr
  • geolocation
  • matchmedia()
  • websockets
  • localstorage
  • application cache
  • webworkers
  • serviceworker
  • SVG filters
  • emoji
  • touch events
  • fullscreen API
  • file API
  • gamepad API
  • performance API
  • vibration API
  • speech recognition API
  • battery API
  • ambient light API

User agent