CSS Media Query
for all devices like printers, screens, tablets, smart-phones etc.
paged material and for documents viewed on screen in print preview mode
primarily for color computer screens
for speech synthesizers
any available input which can hover over elements
device has a input device that supports pointers (accurate pointing device)
device has a input device that supports pointers (average pointing device)
screen ratio between width/height (1/1 is for square screen)
minimum screen ratio between width/height
maximum screen ratio between width/height
only for color device
color device with 8 bits per color component
color device with at least 8 bits per color component
color device with at max 8 bits per color component
has device with color lookup table
at least number of entries in the output device's color lookup table
at max number of entries in the output device's color lookup table
select bitmap based device (screen, projection, print, tv, handheld)
select grid based device (braille, embossed, tty, handheld)
exact screen width
minimum screen width to any width (min to any)
any minimum screen width upto given width (any to max)
exact screen height
minimum screen height to any height (min to any)
any minimum screen height upto given height (any to max)
primary input mechanism can hover over elements
media query with multile conditions
min width of the device itself (screen resolution of the device)
max width of the device itself (screen resolution of the device)
min height of the device itself (screen resolution of the device)
max height of the device itself (screen resolution of the device)
number of bits per pixel in a monochrome frame buffer
monochrome devices with more than 2 bits per pixels
monochrome devices with max limit
resolution of the output device, i.e. the density of the pixels
devices with resolution greater than 300 dots per inch
resolution less than 118 dots per centimeter
The device is in a portrait orientation ( height >= width )
The device is in a landscape orientation ( width > height)
device handles content that overflows ( none, scroll, paged, optional-paged )
device handles content that overflows the initial containing block along the inline axis
device draws odd lines and even lines alternately
device draws all lines in sequence. All computer screens use progressive scanning
scripting is enabled during the initial page load, but not afterwards (like JavaScript)
device support scripting & enabled (ie JavaScript)
check task frequency of slow device (like e-book reader, document print)
check task frequency of fast device (like computer screen)
save
|
full-screen
Size
x 1121
x 320
x 360
x 768
x 800
x 980
x 1024
x 1121