Viewport

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.