This example expresses that a certain style sheet (example.css) applies to devices of a certain media type (‘screen’) with certain feature (it must be a color screen). Here the same media query written in an @import-rule in CSS: @import url(color.css) screen and (color); ——————————– @media only screen and (max-device-width: 480px) { } To target small […]

CSS provides an easy way to target browsers on different types of devices, or different uses. For example, the design you produce for a normal desktop browser may not be suitable for a handheld device, or a printer. These are known as media types. There are several media types, and most browsers will generally concentrate […]