Skip to main content
Information about the page’s viewport (the visible area of the web page).

​
Definition

object Viewport {
  width: Float!
  height: Float!
  deviceScaleFactor: Float
  isMobile: Boolean
  hasTouch: Boolean
  isLandscape: Boolean
}

​
Fields

​
width

Float! The width of the viewport in CSS pixels.

​
height

Float! The height of the viewport in CSS pixels.

​
deviceScaleFactor

Float The device scale factor (also known as DPR or device pixel ratio). Example: 1.0, 2.0, 3.0.

​
isMobile

Boolean Indicates if the viewport is emulating a mobile device.

​
hasTouch

Boolean Indicates if the viewport has touch support enabled.

​
isLandscape

Boolean Indicates if the viewport is in landscape orientation.