Notice:
The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

resolution

Jump to: navigation, search

resolution

This article is In Progress.

W3C Recommendation

Summary

The media feature describes the resolution (pixel-density) of the output device. The resolution can be specified in dpi (dots per inch), dppx (dots per pixel) or dpcm (dots per centimeter).


Syntax

  1. resolution: <resolution>
  2. min-resolution: <resolution>
  3. max-resolution: <resolution>

Values

resolution

Value for the resolution of a device must be a resolution value.

Examples

The first media query describes a non-screen devices with a minimum resolution of 300 dots per inch.

The second example describes a device with a screen that has a pixel-density of 2 or higher.

CSS

@media print and (min-resolution: 300dpi) { ... }

@media screen and (min-resolution: 2dppx) { ... }



Related specifications

Specification Status Related Changes
Media Queries Level 4 Working Draft
Media Queries Recommendation