Firefox Tomorrow

css media feature

`device-height` CSS media feature

View on MDN ↗

[!NOTE] To query for the height of the viewport, developers should use the height media feature instead.

The device-height CSS media feature can be used to test the height of an output device’s rendering surface.

Syntax

The device-height feature is specified as a <length> value. It is a range feature, meaning that you can also use the prefixed min-device-height and max-device-height variants to query minimum and maximum values, respectively.

Examples

Applying a special stylesheet for devices that are shorter than 800 pixels

<link
  rel="stylesheet"
  media="screen and (max-device-height: 799px)"
  href="https://cdn.example.com/short-styles.css" />

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also